jbourdon/social-media
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adds subscriptions

Browse Source
This commit is contained in:
Jonathan Bourdon
2024-08-04 03:02:50 -04:00
parent 78ead7e387
commit d23c565770
9 changed files with 190 additions and 75 deletions
Download Patch File Download Diff File Expand all files Collapse all files

68
src/views/main/SideBar.vue
View File

@@ -1,49 +1,23 @@
<template>
<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>Subscriptions</h2>
<ul class="space-y">
<li>
<RouterLink to="/@leffet">
<div class="nav-button">
<v-icon class="mx-2">mdi-account</v-icon>
L'Effet
</div>
</RouterLink>
<RouterLink to="/@chloebeaugrand">
<div class="nav-button">
<v-icon class="mx-2">mdi-account</v-icon>
Chloe Beaugrand
</div>
</RouterLink>
<RouterLink to="/@guillaumeaime">
<div class="nav-button">
<v-icon class="mx-2">mdi-account</v-icon>
Guillaume Aime
</div>
</RouterLink>
<RouterLink to="/@mathieucaron">
<div class="nav-button">
<v-icon class="mx-2">mdi-account</v-icon>
Mathieu Caron
</div>
</RouterLink>
<RouterLink to="/@arps">
<div class="nav-button">
<v-icon class="mx-2">mdi-account</v-icon>
ARPS
</div>
</RouterLink>
</li>
</ul>
<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">
@@ -54,13 +28,6 @@
</template>
<style scoped>
.nav-button {
@apply rounded p-1 m-1 text-gray-800 font-sans;
}
.nav-button:hover {
@apply bg-[#903175] text-gray-200;
}
h2 {
@apply font-sans font-bold ml-2;
@@ -74,8 +41,5 @@ aside {
scrollbar-width: thin;
scrollbar-color: #903175 #f1f1f1;
}
</style>
<script setup lang="ts">
import SiteMenu from "@/views/main/SiteMenu.vue";
</script>
</style>