Pin footer to bottom of page

2026-10-26 04:09:20 +00:00 · 2023-09-27 15:42:43 -04:00
parent f7a6ed778a
commit c647ffe99d
4 changed files with 12 additions and 4 deletions
--- a/public/js/common-script.js
+++ b/public/js/common-script.js
--- a/public/stylesheets/style.css
+++ b/public/stylesheets/style.css
@@ -1,8 +1,11 @@
 body {
-  padding: 50px;
  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
 }

+.pageContent {
+  padding: 50px;
+}
+
 a {
  color: #00B7FF;
 }
--- a/public/stylesheets/styles.css
+++ b/public/stylesheets/styles.css
@@ -10889,8 +10889,10 @@ body {
  min-width: 0;
  flex-grow: 1;
 }
-#layoutError #layoutError_footer {
-  min-width: 0;
+#layoutError_footer {
+  min-width: 100%;
+  position: absolute;
+  bottom: 0;
 }

 .img-error {
--- a/views/layout.hbs
+++ b/views/layout.hbs
@@ -11,7 +11,10 @@
    <script src="https://use.fontawesome.com/releases/v6.3.0/js/all.js" crossorigin="anonymous"></script>
 </head>
 <body>
-{{{body}}}
+<div class="pageContent">
+    {{{body}}}
+</div>
+
 <div id="layoutError_footer">
    <footer class="py-4 bg-light mt-auto">
        <div class="container-fluid px-4">