Fix footer position to bottom of page

This commit is contained in:
syeopite 2021-04-04 02:45:38 -07:00
parent c0997f951c
commit 049e8e07ef
No known key found for this signature in database
GPG key ID: 6FA616E5A5294A82
2 changed files with 9 additions and 1 deletions

View file

@ -3,6 +3,8 @@ body {
font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen, font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen,
Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica,
Arial, sans-serif; Arial, sans-serif;
position: relative;
min-height: 100vh;
} }
.deleted { .deleted {
@ -282,8 +284,13 @@ input[type="search"]::-webkit-search-cancel-button {
.footer { .footer {
color: #666666; color: #666666;
margin: 2em 0; margin: 1.5em 0;
text-align: center; text-align: center;
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 30px;
} }
body .footer a { body .footer a {

View file

@ -106,6 +106,7 @@
<%= content %> <%= content %>
<div id="placeholder" style="margin: 8em;"/>
<div class="footer"> <div class="footer">
<div class="pure-g"> <div class="pure-g">
<div class="pure-u-1 pure-u-md-1-3"> <div class="pure-u-1 pure-u-md-1-3">