Put footer at bottom of screen

This commit is contained in:
ekzyis 2025-05-25 23:18:23 -05:00
parent 1437f70a18
commit f8a74659cb
3 changed files with 11 additions and 1 deletions

View File

@ -17,6 +17,9 @@
@layer base { @layer base {
body { body {
display: flex;
flex-direction: column;
min-height: 100svh;
background-color: var(--background-color); background-color: var(--background-color);
color: var(--color); color: var(--color);
font: 16px/1.85 Roboto, sans-serif; font: 16px/1.85 Roboto, sans-serif;

View File

@ -1,5 +1,5 @@
{{ define "main" }} {{ define "main" }}
<div class="container"> <div class="container mb-auto">
<main class="post-index"> <main class="post-index">
<h3 class="posts-item-note">{{ T "home.recent_posts" }}</h3> <h3 class="posts-item-note">{{ T "home.recent_posts" }}</h3>
{{/* Show last 5 posts in reverse date order */}} {{/* Show last 5 posts in reverse date order */}}

View File

@ -447,6 +447,9 @@ video {
} }
body { body {
display: flex;
flex-direction: column;
min-height: 100svh;
background-color: var(--background-color); background-color: var(--background-color);
color: var(--color); color: var(--color);
font: 16px/1.85 Roboto, sans-serif; font: 16px/1.85 Roboto, sans-serif;
@ -677,6 +680,10 @@ li>p {
margin-bottom: 0.75rem; margin-bottom: 0.75rem;
} }
.mb-auto {
margin-bottom: auto;
}
.block { .block {
display: block; display: block;
} }