From 910e889f60a6f146255268ad48bec203fbd157bc Mon Sep 17 00:00:00 2001
From: wukko <me@wukko.me>
Date: Mon, 24 Feb 2025 18:38:33 +0600
Subject: [PATCH] web/layout: don't use sign() in chrome cuz it's not supported
 there

---
 web/src/routes/+layout.svelte | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/web/src/routes/+layout.svelte b/web/src/routes/+layout.svelte
index 2e49ac88..2b95c775 100644
--- a/web/src/routes/+layout.svelte
+++ b/web/src/routes/+layout.svelte
@@ -78,6 +78,7 @@
     <div
         id="cobalt"
         class:loaded={browser}
+        data-chrome={device.browser.chrome}
         data-iphone={device.is.iPhone}
         data-reduce-motion={reduceMotion}
         data-reduce-transparency={reduceTransparency}
@@ -253,6 +254,11 @@
         );
     }
 
+    /* fall back to less pretty value cuz chrome doesn't support sign() */
+    :global([data-chrome]) {
+        --sidebar-height-mobile: calc(50px + env(safe-area-inset-bottom));
+    }
+
     :global([data-theme="light"] [data-reduce-transparency="true"]) {
         --dialog-backdrop: rgba(255, 255, 255, 0.6);
     }