From 982a690786b89612cc594c2fa3716ebd6fa26234 Mon Sep 17 00:00:00 2001
From: Thilo Maier <git@maier.asia>
Date: Wed, 26 Nov 2025 11:18:33 +0100
Subject: [PATCH] Create stacking context in root layout to keep `SiteHeader`
 on top Fixes #1121

---
 src/routes/+layout.svelte | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index e651b5e0..da3eec53 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -38,13 +38,13 @@
 	/>
 </svelte:head>
 
-<div class="flex min-h-screen flex-col gap-8 sm:gap-10 lg:gap-12">
+<div class="isolate flex min-h-screen flex-col gap-8 sm:gap-10 lg:gap-12">
 	<SiteHeader
 		links={[
 			{ text: 'Posts', href: '/posts' },
 			{ text: 'Notes', href: '/notes' }
 		]}
-		class="shrink-0"
+		class="z-10 shrink-0"
 	>
 		{#snippet logo()}
 			<div class="flex items-center gap-3 py-2 text-primary">