From c102e8a636ecb604713cdcc0fa51742e33d5bf7d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ya=C3=ABl=20GUILLOUX?= <yael.guilloux@gmail.com>
Date: Tue, 15 Nov 2022 15:21:10 +0100
Subject: [PATCH] fix(components): up

---
 components/content/Sandbox.vue |  2 +-
 layouts/default.vue            |  2 +-
 layouts/page.vue               | 12 +++++++++++-
 3 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/components/content/Sandbox.vue b/components/content/Sandbox.vue
index 5636166f6..03987ac68 100644
--- a/components/content/Sandbox.vue
+++ b/components/content/Sandbox.vue
@@ -114,4 +114,4 @@ css({
     }
   }
 })
-</style>
\ No newline at end of file
+</style>
diff --git a/layouts/default.vue b/layouts/default.vue
index 98fd6e3f3..178dfea27 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -1,5 +1,5 @@
 <template>
-  <DocsPageContent class="min-h-page">
+  <DocsPageContent>
     <slot />
   </DocsPageContent>
 </template>
diff --git a/layouts/page.vue b/layouts/page.vue
index 8cd399226..8b24426dd 100644
--- a/layouts/page.vue
+++ b/layouts/page.vue
@@ -3,7 +3,7 @@ const { page } = useContent()
 </script>
 
 <template>
-  <div class="flex flex-col min-h-screen">
+  <div class="page-layout">
     <AppContainer :fluid="page.fluid" :constrained-class="page.constrainedClass" :padded="page.padded">
       <article>
         <slot />
@@ -11,3 +11,13 @@ const { page } = useContent()
     </AppContainer>
   </div>
 </template>
+
+<style lang="ts" scoped>
+css({
+  '.page-layout': {
+    display: 'flex',
+    flexDirection: 'column',
+    minHeight: '{docus.page.height}'
+  }
+})
+</style>