Suyu/website
1
0
Fork 0
mirror of https://git.suyu.dev/suyu/website.git synced 2026-01-08 15:38:05 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

chore: transition property on page wrapper

Browse source
This commit is contained in:
fero 2024-03-12 19:39:14 -07:00
parent d21eb67ec9
commit 4ff447197a
1 changed files with 1 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/routes/+layout.svelte
View file

@ -366,7 +366,7 @@
<div <div
in:transitionIn={{ duration: 500 }} in:transitionIn={{ duration: 500 }}
out:transitionOut={{ duration: 500 }} out:transitionOut={{ duration: 500 }}
style="transition: 360ms {transition};" style="transition: 360ms {transition}; transition-property: opacity, transform;"
aria-hidden={dropdownOpenFinished && dropdownOpen} aria-hidden={dropdownOpenFinished && dropdownOpen}
tabindex={dropdownOpen ? 0 : -1} tabindex={dropdownOpen ? 0 : -1}
class={`absolute left-[50%] z-50 mx-auto flex w-screen max-w-[1300px] translate-x-[-50%] flex-col px-8 pb-12 pt-[120px] ${dropdownOpen ? "pointer-events-none translate-y-[25vh] opacity-0" : ""} ${dropdownOpenFinished && dropdownOpen ? "invisible" : ""}`} class={`absolute left-[50%] z-50 mx-auto flex w-screen max-w-[1300px] translate-x-[-50%] flex-col px-8 pb-12 pt-[120px] ${dropdownOpen ? "pointer-events-none translate-y-[25vh] opacity-0" : ""} ${dropdownOpenFinished && dropdownOpen ? "invisible" : ""}`}