web/layout: don't use sign() in chrome cuz it's not supported there

This commit is contained in:
wukko 2025-02-24 18:38:33 +06:00
parent 5fa5a0e7cb
commit 910e889f60
No known key found for this signature in database
GPG key ID: 3E30B3F26C7B4AA2

View file

@ -78,6 +78,7 @@
<div <div
id="cobalt" id="cobalt"
class:loaded={browser} class:loaded={browser}
data-chrome={device.browser.chrome}
data-iphone={device.is.iPhone} data-iphone={device.is.iPhone}
data-reduce-motion={reduceMotion} data-reduce-motion={reduceMotion}
data-reduce-transparency={reduceTransparency} 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"]) { :global([data-theme="light"] [data-reduce-transparency="true"]) {
--dialog-backdrop: rgba(255, 255, 255, 0.6); --dialog-backdrop: rgba(255, 255, 255, 0.6);
} }