Add Flex-grow to occupy all available space.

This commit is contained in:
PascalMarchesseault
2024-10-06 03:51:12 -04:00
parent 907571751d
commit 39c769435d

View File

@@ -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>