fix(android): replace env() with JS-set CSS vars for safe areas

This commit is contained in:
2026-07-20 11:30:28 -04:00
parent c2be53e53f
commit 516168d290
3 changed files with 11 additions and 3 deletions
+8
View File
@@ -5,6 +5,14 @@ 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.
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');
}
const TARGET = 'https://dumpster.dustin.coffee';
const WS_TARGET = 'wss://dumpster.dustin.coffee';