Simplify the layout for CreatorLayout
This commit is contained in:
@@ -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>
|
|
||||||
</div>
|
|
||||||
<div v-else>
|
|
||||||
<div v-if="loading">
|
|
||||||
<v-progress-linear indeterminate></v-progress-linear>
|
<v-progress-linear indeterminate></v-progress-linear>
|
||||||
</div>
|
</div>
|
||||||
<div v-else>
|
<div v-else>
|
||||||
<v-card>
|
<creator-banner></creator-banner>
|
||||||
<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";
|
||||||
|
|||||||
Reference in New Issue
Block a user