breadone/BreadnetV3
Archived
Public Access
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix footer not sticking to bottom on mobile

Browse Source
This commit is contained in:
June
2025-11-18 11:11:58 +13:00
parent e2142c95e9
commit 691de03897
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
web/src/layout/Base.astro
View File

@@ -12,7 +12,7 @@ import Footer from "@components/footer"
</head> </head>
<body> <body>
<main id="main" class="flex flex-col md:flex-row"> <main id="main" class="flex flex-col md:flex-row min-h-screen">
<div class="w-full md:w-[32%] md:sticky md:top-0 pt-8 md:py-14 md:h-screen text-center flex flex-col px-6 md:px-0"> <div class="w-full md:w-[32%] md:sticky md:top-0 pt-8 md:py-14 md:h-screen text-center flex flex-col px-6 md:px-0">
<Sidebar> <Sidebar>
<slot name="sidebar" /> <slot name="sidebar" />
@@ -27,7 +27,7 @@ import Footer from "@components/footer"
<slot name="content"/> <slot name="content"/>
</div> </div>
<div class="block md:hidden px-6 pb-8 text-center"> <div class="block md:hidden mt-auto px-6 pb-8 text-center">
<Footer/> <Footer/>
</div> </div>