itsfinniii/website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Make footer more responsive

Browse Source
This commit is contained in:
itsfinniii
2026-04-19 21:28:29 +02:00
parent 506a5ed14e
commit 6d4a62fae7
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
astro/src/components/footer/Footer.astro
View File

@@ -7,7 +7,7 @@ const footer = await getFooter();
<footer class="w-full mt-4"> <footer class="w-full mt-4">
<div class="flex flex-col pt-12 pb-8 px-12 lg:container mx-auto"> <div class="flex flex-col pt-12 pb-8 px-12 lg:container mx-auto">
<div class="flex md:flex-row flex-col justify-center pt-12 pb-8 px-12 lg:container mx-auto md:gap-y-8 gap-y-12 gap-x-24"> <div class="flex md:flex-row flex-col justify-center pt-12 pb-8 md:px-1 px-0 lg:container md:mx-auto md:gap-y-8 gap-y-12 md:gap-x-24 gap-x-0">
{ (footer.title !== null || footer.logo !== null) && ( { (footer.title !== null || footer.logo !== null) && (
<div class="flex flex-col gap-3"> <div class="flex flex-col gap-3">
{ footer.title !== null && <h2 class="text-5xl font-bold">{footer.title}</h2>} { footer.title !== null && <h2 class="text-5xl font-bold">{footer.title}</h2>}
@@ -17,7 +17,7 @@ const footer = await getFooter();
width={footer.logo.width} width={footer.logo.width}
height={footer.logo.height} height={footer.logo.height}
alt={footer.title ?? ""} alt={footer.title ?? ""}
class="w-50 h-auto" class="md:w-50 w-[50%] h-auto"
/> />
) } ) }
</div> </div>