Pin footer to bottom of page

This commit is contained in:
2023-09-27 15:42:43 -04:00
parent f7a6ed778a
commit c647ffe99d
4 changed files with 12 additions and 4 deletions

View File

View File

@@ -1,8 +1,11 @@
body { body {
padding: 50px;
font: 14px "Lucida Grande", Helvetica, Arial, sans-serif; font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
} }
.pageContent {
padding: 50px;
}
a { a {
color: #00B7FF; color: #00B7FF;
} }

View File

@@ -10889,8 +10889,10 @@ body {
min-width: 0; min-width: 0;
flex-grow: 1; flex-grow: 1;
} }
#layoutError #layoutError_footer { #layoutError_footer {
min-width: 0; min-width: 100%;
position: absolute;
bottom: 0;
} }
.img-error { .img-error {

View File

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