Less buggy solution to solving the floating footer problem

This commit is contained in:
Butter Cat 2024-01-06 03:49:38 +00:00 committed by GitHub
parent 78e51eb11f
commit b578b717d7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -26,6 +26,8 @@
--popup-goback-background: var(--popup-red);
--popup-goback-text: #222;
--popup-border: 1px solid var(--popup-red);
--footer-height: 30px;
}
@font-face {
@ -115,12 +117,16 @@ body {
font-size: 15px;
}
body.fixed_navbar {
padding-top: 60px;
body.card, body.fixed_navbar {
padding-bottom: var(--footer-height);
min-height: calc(100vh - 60px);
position: relative;
}
body.fixed_navbar {
padding-top: 60px;
}
nav {
display: grid;
grid-template-areas: "logo searchbox links";
@ -314,6 +320,7 @@ body > footer {
align-items: center;
width: 100%;
background: var(--post);
position: absolute;
bottom: 0;
}