fix layout shift on chrome

This commit is contained in:
not-nullptr 2024-03-12 10:10:03 +00:00
parent 4f134c2059
commit a9bb121354

View file

@ -43,9 +43,11 @@
<main class="min-h-full w-full">
<header
style="transition: 180ms ease;"
class={scrolled
? "fixed top-0 z-40 w-full border-b-2 border-b-[#ffffff11] bg-[#131215d0]"
: "fixed top-0 z-40 w-full border-b-0 border-b-[transparent]"}
class={`${
scrolled
? "fixed top-0 z-40 w-full border-b-2 border-b-[#ffffff11] bg-[#131215d0]"
: "fixed top-0 z-40 w-full border-b-0 border-b-[transparent]"
} pl-[calc(100vw-100%)]`}
>
<nav
style="transition: 180ms ease;"