add styles to base

2024-01-20 10:42:52 -05:00
parent 321dbc10d3
commit 570aefc9fa
2 changed files with 10 additions and 7 deletions
--- 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>
--- 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
 }