From bd299b6beae2a684c773a58b9d6a48b92d5c71c9 Mon Sep 17 00:00:00 2001
From: Serhii Bedrytskyi <bedrytskyi@gmail.com>
Date: Tue, 7 Mar 2023 12:59:03 +0200
Subject: [PATCH] feat: sticky footer

---
 components/app/AppLayout.vue | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/components/app/AppLayout.vue b/components/app/AppLayout.vue
index 44ebed92e..28cc9d844 100644
--- 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>