From ffa776fd42f61f688712d71137a02bad97b3cc45 Mon Sep 17 00:00:00 2001
From: Jon Staab <shtaab@gmail.com>
Date: Thu, 12 Mar 2026 17:31:28 -0700
Subject: [PATCH] Make mobile check on relay page reactive

---
 src/routes/spaces/[relay]/+page.svelte | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/routes/spaces/[relay]/+page.svelte b/src/routes/spaces/[relay]/+page.svelte
index e6ed8ff9..4ea00d4b 100644
--- a/src/routes/spaces/[relay]/+page.svelte
+++ b/src/routes/spaces/[relay]/+page.svelte
@@ -8,11 +8,20 @@
   import SpaceMenu from "@app/components/SpaceMenu.svelte"
 
   const url = decodeRelay($page.params.relay!)
+  const md = parseInt(theme.screens.md, 10)
 
-  goToSpace(url)
+  let width = $state(0)
+
+  $effect(() => {
+    if (width > md) {
+      goToSpace(url)
+    }
+  })
 </script>
 
-{#if !window.matchMedia(`(min-width: ${theme.screens.md})`).matches}
+<svelte:window bind:innerWidth={width} />
+
+{#if width <= md}
   <div class="ml-sai mt-sai mb-sai relative z-nav w-14 flex-shrink-0 bg-base-200 pt-4">
     <PrimaryNavSpaces />
   </div>