Merge pull request #298 from ymaheshwari1/#289

Fixed: styling to have bottom padding to remove the overlapping of content with tab-bar(#289)
hotwax · Aug 21, 2024 · d677897 · d677897
2 parents 58dcd6e + 3b1bb16
commit d677897
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 5 deletions.
diff --git a/src/views/FindFacilities.vue b/src/views/FindFacilities.vue
@@ -410,4 +410,10 @@ config-note {
   display: block;
   text-align: center;
 }
+
+@media screen and (min-width: 991px) {
+  ion-content {
+    --padding-bottom: 80px;
+  }
+}
 </style>
diff --git a/src/views/Parking.vue b/src/views/Parking.vue
@@ -234,12 +234,10 @@ main {
   margin: auto;
 }
 
-@media screen and (min-width: 700px) {
-
-  main {
-    padding: var(--spacer-lg);
+@media screen and (min-width: 991px) {
+  ion-content {
+    --padding-bottom: 80px;
   }
-
 }
 
 </style>