Fixed: styling to have bottom padding to remove the overlapping of co…

…ntent with tab-bar(#289)
hotwax · Aug 21, 2024 · 2eb1307 · 2eb1307
1 parent 353b9bf
commit 2eb1307
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/src/views/FindFacilities.vue b/src/views/FindFacilities.vue
@@ -406,9 +406,10 @@ export default defineComponent({
   --columns-desktop: 4;
 }
 
-main {
-  padding-bottom: 80px;
+ion-content {
+  --padding-bottom: 80px;
 }
+
 config-note {
   display: block;
   text-align: center;

diff --git a/src/views/Parking.vue b/src/views/Parking.vue
@@ -234,8 +234,8 @@ main {
   margin: auto;
 }
 
-main {
-  padding-bottom: 80px;
+ion-content {
+  --padding-bottom: 80px;
 }
 
 </style>