feat: sticky footer (#840)

nuxt-themes · Mar 7, 2023 · cb9d4b8 · cb9d4b8
1 parent 64ec3f9
commit cb9d4b8
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/components/app/AppLayout.vue b/components/app/AppLayout.vue
@@ -17,10 +17,20 @@ useContentHead(config.value as any)
 </script>
 
 <template>
-  <div>
+  <div class="app-layout">
     <AppLoadingBar />
     <AppHeader />
     <slot />
     <AppFooter />
   </div>
 </template>
+
+<style scoped lang="ts">
+css({
+  '.app-layout': {
+    minHeight: '100vh',
+    display: 'grid',
+    gridTemplateRows: 'auto 1fr auto',
+  }
+})
+</style>