Add Flex-grow to occupy all available space.
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user