Remove absolute positioning from the body

Nuxtify-drupal · Apr 27, 2024 · 00c53b3 · 00c53b3
1 parent 0cbf403
commit 00c53b3
Show file tree

Hide file tree

Showing 4 changed files with 83 additions and 32 deletions.
diff --git a/composer.lock b/composer.lock
diff --git a/frontend/base/app.vue b/frontend/base/app.vue
@@ -16,9 +16,10 @@ useHead({
   htmlAttrs: {
     lang: i18nHead.value.htmlAttrs!.lang,
     dir: i18nHead.value.htmlAttrs!.dir,
+    class: 'h-full',
   },
   bodyAttrs: {
-    class: 'absolute inset-0 flex flex-col',
+    class: 'min-h-full flex flex-col',
   },
   meta: [
     ...(i18nHead.value.meta || []),

diff --git a/frontend/base/components/base/BasePageLayout.vue b/frontend/base/components/base/BasePageLayout.vue
@@ -70,7 +70,7 @@ const layout = computed<LayoutSection[]>(() => {
     <div
       v-for="sections in layout"
       :key="sections.id"
-      class="flex flex-wrap"
+      class="flex flex-wrap gap-8"
     >
       <div
         v-for="(section, section_name) in sections.children"

diff --git a/frontend/base/layouts/preview.vue b/frontend/base/layouts/preview.vue
@@ -1,11 +1,3 @@
-<script setup lang="ts">
-useHead({
-  bodyAttrs: {
-    class: '!static',
-  },
-})
-</script>
-
 <template>
   <div class="flex flex-col justify-between flex-1 gap-8 px-4 pb-8 md:px-8">
     <main