LobotomyLabs/dumpsterChat
2
0
Fork 0
Code Issues Pull Requests Actions Packages Releases 10 Wiki Activity

fix: remove env() from CSS, set safe-area via JS only

Browse Source
This commit is contained in:
Dustin Newkirk
2026-07-20 11:50:07 -04:00
parent a5882f32c4
commit 156ee4197c
17 changed files with 11 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/main.tsx
+8 -2
View File
@@ -5,13 +5,19 @@ import App from './App.tsx';
const isTauri = 'window' in globalThis && '__TAURI_INTERNALS__' in window;
if (isTauri) {
// Tauri Android WebView doesn't support CSS env(safe-area-inset-*).
// Set explicit fallbacks via JS.
// WebView safe-area fallbacks: Android doesn't support CSS env(), and
// Linux WebKitGTK chokes on env() inside var(). Set explicit values via JS.
if (navigator.userAgent.includes('Android')) {
document.documentElement.style.setProperty('--safe-top', '1.5rem');
document.documentElement.style.setProperty('--safe-bottom', '0.75rem');
document.documentElement.style.setProperty('--safe-left', '0px');
document.documentElement.style.setProperty('--safe-right', '0px');
} else {
// Linux / macOS Tauri — no notch, but body has default padding already
document.documentElement.style.setProperty('--safe-top', '0px');
document.documentElement.style.setProperty('--safe-bottom', '0px');
document.documentElement.style.setProperty('--safe-left', '0px');
document.documentElement.style.setProperty('--safe-right', '0px');
}
const TARGET = 'https://dumpster.dustin.coffee';
const WS_TARGET = 'wss://dumpster.dustin.coffee';