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> <template>
<div :style="{ backgroundColor: brandingStore.value.colors.background }"> <div :style="{ backgroundColor: brandingStore.value.colors.background }" class="flex flex-col min-h-screen">
<div class="max-w-[1500px] mx-auto"> <div class="flex-grow">
<div class="max-w-[1500px] mx-auto">
<div v-if="brandingStore.loading"> <div v-if="brandingStore.loading">
<v-progress-linear indeterminate></v-progress-linear> <v-progress-linear indeterminate></v-progress-linear>
</div> </div>
<div v-else> <div v-else>
<creator-banner></creator-banner> <creator-banner></creator-banner>
</div> </div>
<div class="w-full py-10"> <div class="w-full py-10">
<router-view></router-view> <router-view></router-view>
</div> </div>
</div>
</div> </div>
<Footer></Footer> <Footer></Footer>
</div> </div>
</template> </template>