From bbe139f779929e7c7392e570413b54314fb9db24 Mon Sep 17 00:00:00 2001 From: Elara Musayelyan Date: Sun, 25 Dec 2022 19:29:30 -0800 Subject: [PATCH] Fix page flickering --- src/app.html | 2 +- src/app.scss | 16 +++++++++------- src/routes/footer.svelte | 2 +- 3 files changed, 11 insertions(+), 9 deletions(-) diff --git a/src/app.html b/src/app.html index edba87e..fc17b3d 100644 --- a/src/app.html +++ b/src/app.html @@ -8,6 +8,6 @@ %sveltekit.head% -
%sveltekit.body%
+
%sveltekit.body%
diff --git a/src/app.scss b/src/app.scss index 3117cc0..a799a2e 100644 --- a/src/app.scss +++ b/src/app.scss @@ -48,14 +48,16 @@ button.sc-carousel-arrow__circle { height: 30px !important; } -html, body { - height: 100%; - width: 100%; +body { margin: 0; - display: table; } -#footer { - display: table-row; - height: 100px; +#page-container { + display: flex; + flex-direction: column; + min-height: 100vh; +} + +#page-container > * { + width: 100% } \ No newline at end of file diff --git a/src/routes/footer.svelte b/src/routes/footer.svelte index f534bbc..811f402 100644 --- a/src/routes/footer.svelte +++ b/src/routes/footer.svelte @@ -3,7 +3,7 @@
-