scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: ensure footer stays at bottom

Browse Source
This commit is contained in:
Christian Andolf
2025-03-05 13:50:52 +01:00
parent 4ab586660a
commit 11a1f35bbf
3 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/scandic-web/app/globals.css
View File

@@ -151,6 +151,8 @@ body {
body { body {
min-height: 100dvh; min-height: 100dvh;
overflow-x: hidden; overflow-x: hidden;
display: flex;
flex-direction: column;
} }
body.overflow-hidden { body.overflow-hidden {

3
apps/scandic-web/components/Footer/footer.module.css Normal file
View File

@@ -0,0 +1,3 @@
.footer {
margin-top: auto;
}

4
apps/scandic-web/components/Footer/index.tsx
View File

@@ -6,6 +6,8 @@ import CurrentFooter from "@/components/Current/Footer"
import FooterDetails from "./Details" import FooterDetails from "./Details"
import FooterNavigation from "./Navigation" import FooterNavigation from "./Navigation"
import styles from "./footer.module.css"
export function preload() { export function preload() {
void getFooter() void getFooter()
} }
@@ -18,7 +20,7 @@ export default function Footer() {
preload() preload()
return ( return (
<footer> <footer className={styles.footer}>
<FooterNavigation /> <FooterNavigation />
<FooterDetails /> <FooterDetails />
</footer> </footer>