fix css

apps/frontend/src/layouts/LayoutWithTabs.vue

@@ -1,9 +1,9 @@
 <template>
   <div class="grid h-full sm:grid-rows-[auto_1fr_auto] grid-rows-[1fr_auto_auto] overflow-hidden">
-    <div
-      class="flex flex-1 overflow-auto pb-safe-or-4 sm:pt-safe sm:max-w-prose mx-auto w-full px-4 touch-pan-y"
-    >
-      <slot />
+    <div class="flex overflow-auto pb-safe-or-4 sm:pt-safe w-full px-4 touch-pan-y">
+      <div class="sm:max-w-prose grid grid-cols-1 mx-auto my-5">
+        <slot />
+      </div>
     </div>
 
     <slot name="footer">
@@ -29,11 +29,11 @@ const slots = defineSlots<{
   default?: () => void
   footer?: () => void
 }>()
-</script>
 
-<style>
-html,
-body {
-  overflow: hidden;
-}
-</style>
+const layoutPageHead = useHead({
+  htmlAttrs: { class: 'overflow-hidden' },
+  bodyAttrs: { class: 'overflow-hidden' },
+})
+
+onBeforeUnmount(() => layoutPageHead?.dispose())
+</script>