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

feat: remove layout shift
Some checks failed
Deploy to SFTP Server / build (push) Has been cancelled
Details

Browse Source
This commit is contained in:
max_richter
2024-04-07 22:43:13 +02:00
parent cf26695719
commit 3216d79bd0
5 changed files with 31 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/Nav.astro
View File

@ -30,15 +30,13 @@ const paths = [
];
---
<ul class="flex my-4 h-12 bg-dark">
<ul class="flex my-4 h-12">
<li><a href="#main-content" class="skip-link">Skip to main content</a></li>
<li
class="border-none bg-transparent my-2 mr-4 logo grid place-content-center"
>
class="border-none bg-transparent my-2 mr-4 logo grid place-content-center">
<a
href={translatePath("/")}
class="text-neutral h-9 flex items-center justify-center lowercase"
>
class="text-neutral h-9 flex items-center justify-center lowercase">
<Logo />
</a>
</li>
@ -50,13 +48,11 @@ const paths = [
${isActive(link) ? "bg-light underline" : "bg"}
${i === 0 ? "rounded-bl-md border-l-1" : "border-l-1"}
${i === paths.length - 1 ? "rounded-tr-md !border-r-1" : ""}
`}
>
`}>
<a
class="text-neutral w-full h-full flex items-center justify-center lowercase"
href={link}
data-astro-prefetch
>
data-astro-prefetch>
{text}
</a>
</li>