From 5642e99fd2901869edf11db8487ec2257580592f Mon Sep 17 00:00:00 2001 From: Michelangelo Camaioni Date: Mon, 29 Jan 2024 14:26:49 +0100 Subject: [PATCH] style: :lipstick: Added safe-area padding to user drawer for iOS PWA --- src/components/router/RouterMenu.tsx | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/src/components/router/RouterMenu.tsx b/src/components/router/RouterMenu.tsx index 5389fac..92aec37 100644 --- 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",