From 4ebe6f2a37e934873320722af4389a728ec4d0b0 Mon Sep 17 00:00:00 2001 From: meeb Date: Wed, 20 Jan 2021 17:42:16 +1100 Subject: [PATCH] pin footer at the bottom of the viewport, resolves #26 --- tubesync/common/static/styles/_template.scss | 7 +++ tubesync/common/templates/base.html | 52 +++++++++++--------- 2 files changed, 35 insertions(+), 24 deletions(-) diff --git a/tubesync/common/static/styles/_template.scss b/tubesync/common/static/styles/_template.scss index 0d163c14..bdba5c7e 100644 --- a/tubesync/common/static/styles/_template.scss +++ b/tubesync/common/static/styles/_template.scss @@ -5,6 +5,13 @@ html { color: $text-colour; } +body { + display: flex; + min-height: 100vh; + flex-direction: column; + justify-content: space-between; +} + header { background-color: $header-background-colour; diff --git a/tubesync/common/templates/base.html b/tubesync/common/templates/base.html index 93d1cab6..6695b09b 100644 --- a/tubesync/common/templates/base.html +++ b/tubesync/common/templates/base.html @@ -16,32 +16,36 @@ -
-
- - {% include 'tubesync.svg' with width='3rem' height='3rem' %} -

TubeSync

- -
-
+
- +
+
+ + {% include 'tubesync.svg' with width='3rem' height='3rem' %} +

TubeSync

+ +
+
-
-
- {% block content %}{% endblock %} -
-
+ + +
+
+ {% block content %}{% endblock %} +
+
+ +