From bda4d99f574a468de85c1693037fb4e13e9b81b1 Mon Sep 17 00:00:00 2001
From: Simon G <development@gol.ms>
Date: Wed, 27 Jan 2021 18:07:24 +0100
Subject: [PATCH] fix(menu): support safe-area at the bottom

---
 src/components/Menu/index.css | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/Menu/index.css b/src/components/Menu/index.css
index 69abc6d..0bea830 100644
--- 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 {