Upgrade to Nuxt 3.12, simplify logic

layouts/Card.vue

@@ -41,17 +41,17 @@ const swipe = useSwipe(card, {
 <template>
   <main
     ref="card"
-    class="dimensions background h-animated overflow-auto d-flex flex-column gap-3 gap-sm-2 px-4 pt-4 pb-3"
+    class="dimensions background h-animated overflow-auto flex flex-col gap-3 sm:gap-2 px-4 pt-4 pb-3"
     :class="{
-      'rounded-1-sm': !reader,
-      'mh-0 h-100': reader,
+      'sm:rounded-xl': !reader,
+      '!max-h-full h-full': reader,
     }"
   >
     <Options />
     <Navigation />
     <slot name="header" />
     <NuxtPage
-      class="scrollbar fade-mask-sm flex-grow-1 overflow-x-hidden overflow-y-auto py-sm-4 pe-sm-3"
+      class="scrollbar fade-mask-sm flex-grow overflow-x-hidden overflow-y-auto min-h-full sm:py-4 sm:pe-3"
     />
     <slot name="footer" />
   </main>