🎨 Improve CSS around Swiper component

src/App.vue

@@ -41,7 +41,9 @@ const isDataView = computed(() => {
     <div class="center">
       <main>
         <DateSelector v-show="isDataView" />
-        <RouterView />
+        <div class="wrapper">
+          <RouterView />
+        </div>
       </main>
       <BottomNavbar v-show="$route.name != 'title.login'" />
     </div>
@@ -83,5 +85,13 @@ main {
   width: 100%;
   max-width: 900px;
   overflow: hidden;
+  display: grid;
+  grid-template-rows: auto 1fr;
+}
+</style>
+
+<style scoped>
+.wrapper {
+  overflow: hidden;
 }
 </style>