From 39c769435ddcaa7534bcd2827a39f4d2c223473f Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Sun, 6 Oct 2024 03:51:12 -0400
Subject: [PATCH] Add Flex-grow to occupy all available space.

---
 src/views/creators/CreatorLayout.vue | 25 +++++++++++++------------
 1 file changed, 13 insertions(+), 12 deletions(-)

diff --git a/src/views/creators/CreatorLayout.vue b/src/views/creators/CreatorLayout.vue
index c06e577..b1ba1e9 100644
--- a/src/views/creators/CreatorLayout.vue
+++ b/src/views/creators/CreatorLayout.vue
@@ -1,20 +1,21 @@
 <template>
-  <div :style="{ backgroundColor: brandingStore.value.colors.background }">
-    <div class="max-w-[1500px] mx-auto">
+  <div :style="{ backgroundColor: brandingStore.value.colors.background }" class="flex flex-col min-h-screen">
+    <div class="flex-grow">
+      <div class="max-w-[1500px] mx-auto">
 
-      <div v-if="brandingStore.loading">
-        <v-progress-linear indeterminate></v-progress-linear>
-      </div>
-      <div v-else>
-        <creator-banner></creator-banner>
-      </div>
+        <div v-if="brandingStore.loading">
+          <v-progress-linear indeterminate></v-progress-linear>
+        </div>
+        <div v-else>
+          <creator-banner></creator-banner>
+        </div>
 
-      <div class="w-full py-10">
-        <router-view></router-view>
-      </div>
+        <div class="w-full py-10">
+          <router-view></router-view>
+        </div>
 
+      </div>
     </div>
-
     <Footer></Footer>
   </div>
 </template>