From eaa0a832e37fb052a72039ea767ab7c7ff4daf01 Mon Sep 17 00:00:00 2001
From: Frederic Cabassut <frederic.cabassut@arte.tv>
Date: Fri, 6 Mar 2026 22:07:41 +0100
Subject: [PATCH] style: close sidebar by default on mobile

Use window.matchMedia to check viewport width on mount. Sidebar defaults
to closed, then opens automatically on desktop (>= 1024px).

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 src/routes/+layout.svelte | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 9d744fb..057f884 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -8,9 +8,10 @@
 	import { onMount, onDestroy } from 'svelte';
 
 	let { data, children } = $props();
-	let sidebarOpen = $state(true);
+	let sidebarOpen = $state(false);
 
 	onMount(() => {
+		sidebarOpen = window.matchMedia('(min-width: 1024px)').matches;
 		loadNotes();
 		startSync();
 	});