fix: footer placement

2024-11-21 12:47:39 -03:00
parent d7e5968fb8
commit d3ff62299d
2 changed files with 10 additions and 6 deletions
--- a/app/static/css/styles.css
+++ b/app/static/css/styles.css
@@ -1,12 +1,14 @@
+html, body {
+  height: 100%;
+}
+
 body {
  display: block;
-  height: 100vh;
 }

 .app {
  display: flex;
  flex-direction: column;
-  height: 100%;
 }

 .content {
--- a/app/templates/layout/layout.html
+++ b/app/templates/layout/layout.html
@@ -13,7 +13,7 @@
    {% endblock %}
  </head>
  <body>
-    <div class="app">
+    <div class="app h-100">
      <header class="container-fluid">
        <div class="row">
          <div class="col-9 col-sm-10 col-md-2">
@@ -46,11 +46,13 @@
        </div>
      </header>
      <div id="content" class="content">{% block content %}{% endblock %}</div>
-      <div id="footer" class="footer">
+
+      </div>
+      <footer class="footer">
        {% block footer %} 
        &copy; Copyright 2010 by <a href="http://domain.invalid/">you</a>. 
        {% endblock %}
-      </div>
-    </div>
+      </footer>
+
  </body>
 </html>