From 3b1bb16149d4375b8abbf022e2516c5b0cfe6e7d Mon Sep 17 00:00:00 2001 From: Yash Maheshwari Date: Wed, 21 Aug 2024 18:17:38 +0530 Subject: [PATCH] Added: padding bottom only when having screen size greater than 991px(#289) --- src/views/FindFacilities.vue | 10 ++++++---- src/views/Parking.vue | 6 ++++-- 2 files changed, 10 insertions(+), 6 deletions(-) diff --git a/src/views/FindFacilities.vue b/src/views/FindFacilities.vue index cf6b8536..ecdb521f 100644 --- 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; + } +} \ No newline at end of file diff --git a/src/views/Parking.vue b/src/views/Parking.vue index 298631be..1c11873b 100644 --- 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; + } } \ No newline at end of file