Put footer at bottom of screen
This commit is contained in:
parent
1437f70a18
commit
f8a74659cb
@ -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;
|
||||||
|
@ -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 */}}
|
||||||
|
@ -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;
|
||||||
}
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user