Added: padding bottom only when having screen size greater than 991px(#…

…289)
hotwax · Aug 21, 2024 · 3b1bb16 · 3b1bb16
1 parent 2eb1307
commit 3b1bb16
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 6 deletions.
diff --git a/src/views/FindFacilities.vue b/src/views/FindFacilities.vue
@@ -406,12 +406,14 @@ export default defineComponent({
   --columns-desktop: 4;
 }
 
-ion-content {
-  --padding-bottom: 80px;
-}
-
 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,8 +234,10 @@ main {
   margin: auto;
 }
 
-ion-content {
-  --padding-bottom: 80px;
+@media screen and (min-width: 991px) {
+  ion-content {
+    --padding-bottom: 80px;
+  }
 }
 
 </style>