﻿<script setup>
import SiteMenu from "@/views/main/SiteMenu.vue";
import SubscriptionList from "@/views/creators/SubscriptionList.vue";
</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 class="pt-4 px-4">
        <h2>Abonnements</h2>
    
        <subscription-list>
          <template v-slot:default>
            <span>Aucun abonnement</span>
          </template>
        </subscription-list>
        
      </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>
