suyu/website
27
2
Fork 4
Code Issues 3 Pull requests 1 Projects Releases Packages Wiki Activity

fix layout shift on chrome

Browse source
This commit is contained in:
not-nullptr 2024-03-12 10:10:03 +00:00
parent 4f134c2059
commit a9bb121354
1 changed files with 5 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/routes/+layout.svelte
View file

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