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

Fix the colors of the Footer

Browse Source
This commit is contained in:
itsfinniii
2026-04-24 18:30:23 +02:00
parent d284010e28
commit 7b5a8bc705
1 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -24,11 +24,13 @@ const footer = await getFooter();
) } ) }
{ footer.columns.map((column) => ( { footer.columns.map((column) => (
<div class="flex flex-col gap-3"> <div class="flex flex-col gap-3 w-fit">
<h2 class="text-4xl font-bold">{column.title}</h2> <h2 class="text-4xl font-bold">{column.title}</h2>
<div class="flex flex-col gap-3"> <div class="flex flex-col gap-3 w-fit">
{column.links.map((link) => ( {column.links.map((link) => (
<a class="text-lg text-neutral-800" href={link.url}>{link.text}</a> <a class="text-lg text-neutral-800 hover:text-(--ptc) duration-300" href={link.url}>
<span class="w-fit">{link.text}</span>
</a>
))} ))}
</div> </div>
</div> </div>
@@ -38,7 +40,7 @@ const footer = await getFooter();
{ footer.socials !== null && ( { footer.socials !== null && (
<div class="flex flex-row gap-3 justify-center"> <div class="flex flex-row gap-3 justify-center">
{ footer.socials.map((social) => ( { footer.socials.map((social) => (
<a href={social.url} target="_blank" class="bg-neutral-300 hover:bg-neutral-400 duration-300 rounded-full"> <a href={social.url} target="_blank" class="bg-neutral-300 hover:bg-neutral-200 duration-300 shadow-sm rounded-full">
<div class="p-2"> <div class="p-2">
<Image <Image
src={social.icon.url} src={social.icon.url}
@@ -60,7 +62,7 @@ const footer = await getFooter();
{ footer.secondaryLinks !== null && ( { footer.secondaryLinks !== null && (
<div class="flex flex-row gap-1.5"> <div class="flex flex-row gap-1.5">
{ footer.secondaryLinks.map((link) => ( { footer.secondaryLinks.map((link) => (
<a class="text-neutral-600 w-fit" href={link.url}>{link.text}</a> <a class="text-neutral-600 hover:text-(--ptc) duration-300 w-fit" href={link.url}>{link.text}</a>
)) } )) }
</div> </div>
) } ) }