From 570aefc9fa72f0100775b1f23c73358e68f4a4c4 Mon Sep 17 00:00:00 2001
From: tomtjes <nesiofnqwe@mailbox.org>
Date: Sat, 20 Jan 2024 10:42:52 -0500
Subject: [PATCH] add styles to base

---
 cookbook/templates/base.html               | 8 ++++++++
 vue/src/components/BottomNavigationBar.vue | 9 ++-------
 2 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/cookbook/templates/base.html b/cookbook/templates/base.html
index 162d00db1..51f4d9f1c 100644
--- a/cookbook/templates/base.html
+++ b/cookbook/templates/base.html
@@ -481,6 +481,14 @@
             overflow-x: hidden;
         }
     }
+
+    #id_base_container {
+        padding-bottom: env(safe-area-inset-bottom);
+    }
+
+    .fixed-bottom {
+        padding-bottom: max(0.5rem, calc(env(safe-area-inset-bottom) - 0.5rem)) !important;
+    }
 </style>
 
 </body>
diff --git a/vue/src/components/BottomNavigationBar.vue b/vue/src/components/BottomNavigationBar.vue
index e80fb2daf..79a643049 100644
--- a/vue/src/components/BottomNavigationBar.vue
+++ b/vue/src/components/BottomNavigationBar.vue
@@ -91,16 +91,11 @@ export default {
 }
 </script>
 
-<style>
-
-#id_base_container, .fixed-bottom {
-    padding-bottom: env(safe-area-inset-bottom) !important;
-}
-
-</style>
 
 <style scoped>
 
+
+
 .bottom-nav-link {
     color: #666666
 }