50 lines
995 B
Vue
50 lines
995 B
Vue
<script setup>
|
|
import SiteMenu from "@/views/main/SiteMenu.vue";
|
|
import SubscriptionList from "@/views/creators/SubscriptionList.vue";
|
|
import {useAuthStore} from "@/stores/authStore.js";
|
|
|
|
const authStore = useAuthStore()
|
|
</script>
|
|
|
|
<template>
|
|
<aside class="relative h-full overflow-y-auto custom-scrollbar">
|
|
|
|
<nav class="h-full grid grid-rows-[60px_1fr_auto]">
|
|
<div></div>
|
|
|
|
<div v-if="authStore.isAuthenticated" class="pt-4 px-4">
|
|
<h2>Abonnements</h2>
|
|
<subscription-list>
|
|
<template v-slot:default>
|
|
<span>Aucun abonnement</span>
|
|
</template>
|
|
</subscription-list>
|
|
</div>
|
|
<div v-else>
|
|
</div>
|
|
|
|
<div class="border-t w-full py-10">
|
|
<SiteMenu></SiteMenu>
|
|
</div>
|
|
|
|
</nav>
|
|
</aside>
|
|
</template>
|
|
|
|
<style scoped>
|
|
|
|
h2 {
|
|
@apply font-sans font-bold ml-2;
|
|
}
|
|
|
|
aside {
|
|
@apply relative;
|
|
}
|
|
|
|
.custom-scrollbar {
|
|
scrollbar-width: thin;
|
|
scrollbar-color: #903175 #f1f1f1;
|
|
}
|
|
|
|
</style>
|