fix(pwa): account for safe-area-inset-top in OfflineBanner so it's visible on iOS PWA

2026-04-15 00:09:25 +02:00 · 2026-04-15 00:09:25 +02:00 · be71425bb7
commit be71425bb7
parent 4e3b27c712
1 changed files with 4 additions and 1 deletions
--- a/client/src/components/Layout/OfflineBanner.tsx
+++ b/client/src/components/Layout/OfflineBanner.tsx
@ -68,7 +68,10 @@ export default function OfflineBanner(): React.ReactElement | null {
        alignItems: 'center',
        justifyContent: 'center',
        gap: 8,
-        padding: '6px 16px',
+        paddingTop: 'calc(env(safe-area-inset-top, 0px) + 6px)',
+        paddingBottom: '6px',
+        paddingLeft: '16px',
+        paddingRight: '16px',
        fontSize: 13,
        fontWeight: 500,
      }}