edi/iten.pro
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Sticky footer
All checks were successful
Build and Deploy / build-and-deploy (push) Successful in 9s
Details

Browse Source
This commit is contained in:
Eduard Iten
2026-03-31 14:05:52 +02:00
parent df6a0fa504
commit 23b6490532
3 changed files with 9 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/layouts/MainLayout.astro
View File

@@ -2,7 +2,7 @@
// src/layouts/MainLayout.astro
import Header from "../components/Header.astro";
import Footer from "../components/Footer.astro";
import '../styles/global.css';
import "../styles/global.css";
interface Props {
title?: string;
@@ -26,8 +26,8 @@ const {
<body class="flex flex-col min-h-screen">
<Header />
<main class="flex-grow container mx-auto px-6 py-12">
<slot />
<main class="flex-grow w-full pb-6">
<div class="container mx-auto px-6 py-6"><slot /></div>
</main>
<Footer />

1
src/layouts/PageLayout.astro
View File

@@ -1,6 +1,5 @@
---
import MainLayout from './MainLayout.astro';
import '../styles/global.css';
const { frontmatter } = Astro.props;
---
<MainLayout title={frontmatter.title}>

7
src/styles/global.css
View File

@@ -36,9 +36,14 @@
}
.main-footer {
@apply w-full bg-linear-to-b from-white to-header-bg py-2 mt-auto shadow-top;
@apply fixed bottom-0 left-0 w-full z-50 py-2 shadow-top bg-linear-to-b from-white to-header-bg;
}
/* .main-footer {
@apply w-full bg-linear-to-b from-white to-header-bg py-2 mt-auto shadow-top;
} */
.footer-container {
@apply container mx-auto px-6 flex flex-col md:flex-row justify-between items-center gap-4;
}