Add Capacitor Browser dependency and update safe area handling in components

2025-08-30 01:35:38 -04:00
parent e99a06654e
commit 4e31190291
11 changed files with 98 additions and 50 deletions
--- a/src/service/AlertsProvider.jsx
+++ b/src/service/AlertsProvider.jsx
@@ -44,7 +44,6 @@ export const AlertsProvider = ({ children }) => {
      {visibleAlert && (
        <Box
          sx={{
-            pt: `calc( env(safe-area-inset-top, 0px))`,
            position: 'fixed',
            top: 0,
            left: 0,
@@ -67,6 +66,8 @@ export const AlertsProvider = ({ children }) => {
              justifyContent: 'center',
              alignItems: 'center',
              padding: '4px',
+              paddingTop: `calc(var(--safe-area-inset-top, 0px))`,
+
              fontSize: '10px',
              fontWeight: 'md',
            }}