From 3c7a957b84ad0adf4648a960b0df7df17de3116a Mon Sep 17 00:00:00 2001 From: Anhgelus Morhtuuzh Date: Sun, 10 Nov 2024 01:31:26 +0100 Subject: [PATCH] fix(style): footer doing weird things --- scss/main.scss | 22 +++++++++++++++------- templates/base/base.gohtml | 8 +++++--- 2 files changed, 20 insertions(+), 10 deletions(-) diff --git a/scss/main.scss b/scss/main.scss index 09de48a..20147e5 100644 --- a/scss/main.scss +++ b/scss/main.scss @@ -9,10 +9,6 @@ $bp-little: 650px; body { --background-image: ; - height: 100vh; - display: flex; - align-items: center; - justify-content: center; font-size: 18px; background: var(--background-image) center fixed no-repeat; background-size: cover; @@ -22,13 +18,23 @@ body { } } +.center { + display: flex; + align-items: center; + justify-content: center; + height: 95vh; + width: 100%; + @media only screen and (max-width: $bp-little) { + min-height: 100vh; + height: auto; + } +} + a { color: var(--text-color); } .credits { - position: absolute; - bottom: 0; display: flex; gap: 1rem; @media only screen and (max-width: $bp-little) { @@ -37,6 +43,8 @@ a { font-size: 14px; flex-wrap: wrap; flex-direction: column; + margin-bottom: 2rem; + margin-top: 2rem; } font-size: 16px; & a { @@ -63,7 +71,7 @@ main { @media only screen and (max-width: $bp-little) { box-sizing: border-box; width: 100%; - min-height: 100%; + min-height: 100vh; border-radius: 0; } } diff --git a/templates/base/base.gohtml b/templates/base/base.gohtml index 8546d67..634459c 100644 --- a/templates/base/base.gohtml +++ b/templates/base/base.gohtml @@ -10,12 +10,14 @@ {{template "opengraph-base" .SEO}} - {{template "body" .Data}} -
+
+ {{template "body" .Data}} +
+
+