style: 💄 Added safe-area padding to user drawer for iOS PWA

Project-Betoniera · Jan 29, 2024 · 5642e99 · 5642e99
1 parent 4a03cdc
commit 5642e99
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/src/components/router/RouterMenu.tsx b/src/components/router/RouterMenu.tsx
@@ -9,7 +9,12 @@ import { RouterButton } from "./RouterButton";
 
 const useStyles = makeStyles({
     drawer: {
-        ...shorthands.borderRadius(tokens.borderRadiusMedium)
+        ...shorthands.borderRadius(tokens.borderRadiusMedium),
+
+        paddingTop: "env(safe-area-inset-top)",
+        paddingBottom: "env(safe-area-inset-bottom)",
+        paddingLeft: "env(safe-area-inset-left)",
+        paddingRight: "env(safe-area-inset-right)"
     },
     drawerBody: {
         display: "flex",