[docs] improve actions tutorial presentation (sveltejs#7283)

nevilm-lt · Apr 21, 2022 · fba0168 · fba0168
1 parent 1aa1223
commit fba0168
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 0 deletions.
diff --git a/site/content/examples/13-actions/00-actions/App.svelte b/site/content/examples/13-actions/00-actions/App.svelte
@@ -20,6 +20,9 @@
 		height: var(--height);
 		left: calc(50% - var(--width) / 2);
 		top: calc(50% - var(--height) / 2);
+		display: flex;
+		align-items: center;
+		padding: 8px;
 		border-radius: 4px;
 		background-color: #ff3e00;
 		color: #fff;

diff --git a/site/content/tutorial/12-actions/01-actions/app-a/App.svelte b/site/content/tutorial/12-actions/01-actions/app-a/App.svelte
@@ -20,6 +20,9 @@
 		height: var(--height);
 		left: calc(50% - var(--width) / 2);
 		top: calc(50% - var(--height) / 2);
+		display: flex;
+		align-items: center;
+		padding: 8px;
 		border-radius: 4px;
 		background-color: #ff3e00;
 		color: #fff;

diff --git a/site/content/tutorial/12-actions/01-actions/app-b/App.svelte b/site/content/tutorial/12-actions/01-actions/app-b/App.svelte
@@ -20,6 +20,9 @@
 		height: var(--height);
 		left: calc(50% - var(--width) / 2);
 		top: calc(50% - var(--height) / 2);
+		display: flex;
+		align-items: center;
+		padding: 8px;
 		border-radius: 4px;
 		background-color: #ff3e00;
 		color: #fff;