From 05231b6967d0eea299867d0d0cdd6ae0e1a51629 Mon Sep 17 00:00:00 2001 From: Akis Date: Sat, 18 Jun 2022 20:53:25 +0300 Subject: [PATCH] move footer to the bottom and align member socials --- src/app.html | 2 +- src/lib/Footer.svelte | 3 ++ src/lib/app.css | 6 ++++ src/routes/contact.md | 68 +++++++++++++++++++++++-------------------- 4 files changed, 47 insertions(+), 32 deletions(-) diff --git a/src/app.html b/src/app.html index ead14c1..83ad52e 100644 --- a/src/app.html +++ b/src/app.html @@ -13,6 +13,6 @@ %sveltekit.head% -
%sveltekit.body%
+ %sveltekit.body% diff --git a/src/lib/Footer.svelte b/src/lib/Footer.svelte index 292c903..a373715 100644 --- a/src/lib/Footer.svelte +++ b/src/lib/Footer.svelte @@ -33,6 +33,9 @@ display: flex; flex-direction: column; font-size: 20px; + position: absolute; + bottom: 0; + width: calc(100vw - 2rem); } hr { diff --git a/src/lib/app.css b/src/lib/app.css index 7202f57..41f0c7e 100644 --- a/src/lib/app.css +++ b/src/lib/app.css @@ -20,10 +20,16 @@ body { background-color: var(--primary); color: var(--text); margin: 0; + display: flex; + flex-direction: column; + position: relative; + min-height: 100vh; } main { padding: 1rem; + flex-grow: 1; + padding-bottom: 200px; } a { diff --git a/src/routes/contact.md b/src/routes/contact.md index c10ac6a..226f201 100644 --- a/src/routes/contact.md +++ b/src/routes/contact.md @@ -21,29 +21,20 @@ description: Do you want to contact us?