From 11a1f35bbf1eed3d587ac032457d037c7df5afc8 Mon Sep 17 00:00:00 2001 From: Christian Andolf Date: Wed, 5 Mar 2025 13:50:52 +0100 Subject: [PATCH] fix: ensure footer stays at bottom --- apps/scandic-web/app/globals.css | 2 ++ apps/scandic-web/components/Footer/footer.module.css | 3 +++ apps/scandic-web/components/Footer/index.tsx | 4 +++- 3 files changed, 8 insertions(+), 1 deletion(-) create mode 100644 apps/scandic-web/components/Footer/footer.module.css diff --git a/apps/scandic-web/app/globals.css b/apps/scandic-web/app/globals.css index 80d378314..eb0ab6f5d 100644 --- a/apps/scandic-web/app/globals.css +++ b/apps/scandic-web/app/globals.css @@ -151,6 +151,8 @@ body { body { min-height: 100dvh; overflow-x: hidden; + display: flex; + flex-direction: column; } body.overflow-hidden { diff --git a/apps/scandic-web/components/Footer/footer.module.css b/apps/scandic-web/components/Footer/footer.module.css new file mode 100644 index 000000000..951b03e23 --- /dev/null +++ b/apps/scandic-web/components/Footer/footer.module.css @@ -0,0 +1,3 @@ +.footer { + margin-top: auto; +} diff --git a/apps/scandic-web/components/Footer/index.tsx b/apps/scandic-web/components/Footer/index.tsx index 17d5ea200..25683a602 100644 --- a/apps/scandic-web/components/Footer/index.tsx +++ b/apps/scandic-web/components/Footer/index.tsx @@ -6,6 +6,8 @@ import CurrentFooter from "@/components/Current/Footer" import FooterDetails from "./Details" import FooterNavigation from "./Navigation" +import styles from "./footer.module.css" + export function preload() { void getFooter() } @@ -18,7 +20,7 @@ export default function Footer() { preload() return ( -