fix(menu): support safe-area at the bottom

SimonGolms · Jan 27, 2021 · bda4d99 · bda4d99
1 parent 7804baa
commit bda4d99
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/components/Menu/index.css b/src/components/Menu/index.css
@@ -1,6 +1,8 @@
 ion-menu ion-content {
-  --padding-bottom: 20px;
-  --padding-top: 20px;
+  --padding-bottom: var(
+    --ion-safe-area-bottom,
+    calc(2 * var(--ion-padding-bottom, 20px))
+  );
 }
 
 ion-menu ion-list ion-label {