From 4ff447197a3bf95452f0fbf5504c6e46f44d5ebc Mon Sep 17 00:00:00 2001
From: fero <hi@evan.graphics>
Date: Tue, 12 Mar 2024 19:39:14 -0700
Subject: [PATCH] chore: transition property on page wrapper

---
 src/routes/+layout.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 4a5e4b4..9c1c627 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -366,7 +366,7 @@
 		<div
 			in:transitionIn={{ duration: 500 }}
 			out:transitionOut={{ duration: 500 }}
-			style="transition: 360ms {transition};"
+			style="transition: 360ms {transition}; transition-property: opacity, transform;"
 			aria-hidden={dropdownOpenFinished && dropdownOpen}
 			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" : ""}`}