Simplify the layout for CreatorLayout

This commit is contained in:
2024-10-05 23:27:04 -04:00
parent c186638e47
commit 13cace2c86

View File

@@ -2,32 +2,20 @@
<div :style="{ backgroundColor: brandingStore.value.colors.background }"> <div :style="{ backgroundColor: brandingStore.value.colors.background }">
<div class="max-w-[1500px] mx-auto"> <div class="max-w-[1500px] mx-auto">
<div v-if="brandingStore.value && brandingStore.value.id"> <div v-if="brandingStore.loading">
<creator-banner></creator-banner> <v-progress-linear indeterminate></v-progress-linear>
</div> </div>
<div v-else> <div v-else>
<div v-if="loading"> <creator-banner></creator-banner>
<v-progress-linear indeterminate></v-progress-linear>
</div>
<div v-else>
<v-card>
<v-card-text style="text-align: center;">
Aucun créateur au nom de {{ route.params.creator }}
</v-card-text>
</v-card>
</div>
</div> </div>
<div class="flex flex-row justify-center py-10"> <div class="flex flex-row justify-center py-10">
<div class="w-full"> <div class="w-full">
<router-view></router-view> <router-view></router-view>
</div> </div>
<div class="max-w-80"> <div class="max-w-80">
<rewards></rewards> <rewards></rewards>
</div> </div>
</div> </div>
</div> </div>
@@ -37,9 +25,6 @@
</template> </template>
<script async setup> <script async setup>
import {watch, ref, onBeforeMount} from 'vue';
import {useRoute} from 'vue-router';
import {useClient} from "@/plugins/api.js";
import CreatorBanner from "@/views/creators/CreatorBanner.vue"; import CreatorBanner from "@/views/creators/CreatorBanner.vue";
import Rewards from "@/views/creators/Rewards.vue"; import Rewards from "@/views/creators/Rewards.vue";
import Footer from "@/views/main/Footer.vue"; import Footer from "@/views/main/Footer.vue";