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

Side menu interaction added, condition of use moved.

Browse Source
This commit is contained in:
PascalMarchesseault
2024-06-26 02:43:10 -04:00
parent 3d17e163e6
commit e734f0f839
6 changed files with 277 additions and 257 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,78 +1,85 @@
<template>
<aside class="relative">
<aside>
<nav>
<h2>Subscriptions</h2>
<nav class="flex items-center justify-between pt-3">
<ul class="space-y-32">
<li>
<RouterLink to="/@hutopy">
<div class="nav-button">
<v-icon class="mx-2">mdi-home</v-icon>
Hutopy
</div>
</RouterLink>
<div>
<h2 class="text-center">Subscriptions</h2>
<RouterLink to="/@leffet">
<div class="nav-button">
<v-icon class="mx-2">mdi-home</v-icon>
L'Effet
</div>
</RouterLink>
<ul class="space-y-32">
<li>
<RouterLink to="/@hutopy">
<div class="nav-button">
<v-icon class="mx-2">mdi-home</v-icon>
Hutopy
</div>
</RouterLink>
<RouterLink to="/@chloebeaugrand">
<div class="nav-button">
<v-icon class="mx-2">mdi-home</v-icon>
Chloe Beaugrand
</div>
</RouterLink>
<RouterLink to="/@leffet">
<div class="nav-button">
<v-icon class="mx-2">mdi-home</v-icon>
L'Effet
</div>
</RouterLink>
<RouterLink to="/@guillaumeaime">
<div class="nav-button">
<v-icon class="mx-2">mdi-home</v-icon>
Guillaume Aime
</div>
</RouterLink>
<RouterLink to="/@chloebeaugrand">
<div class="nav-button">
<v-icon class="mx-2">mdi-home</v-icon>
Chloe Beaugrand
</div>
</RouterLink>
<RouterLink to="/@mathieucaron">
<div class="nav-button">
<v-icon class="mx-2">mdi-home</v-icon>
Mathieu Caron
</div>
</RouterLink>
<RouterLink to="/@guillaumeaime">
<div class="nav-button">
<v-icon class="mx-2">mdi-home</v-icon>
Guillaume Aime
</div>
</RouterLink>
<RouterLink to="/@mathieucaron">
<div class="nav-button">
<v-icon class="mx-2">mdi-home</v-icon>
Mathieu Caron
</div>
</RouterLink>
<RouterLink to="/@arps">
<div class="nav-button">
<v-icon class="mx-2">mdi-home</v-icon>
ARPS
</div>
</RouterLink>
</li>
</ul>
<SiteMenu></SiteMenu>
</div>
<RouterLink to="/@arps">
<div class="nav-button">
<v-icon class="mx-2">mdi-home</v-icon>
ARPS
</div>
</RouterLink>
</li>
</ul>
</nav>
</aside>
</aside>
</template>
<style scoped>
.nav-button {
@apply bg-purple-800 rounded p-1 m-2
@apply bg-purple-800 rounded p-1 m-2;
}
.nav-button:hover {
@apply bg-purple-400
@apply bg-purple-400;
}
h2 {
@apply font-sans font-bold ml-2
@apply font-sans font-bold ml-2;
}
aside {
@apply relative;
}
</style>
<script setup lang="ts">
</script>
import SiteMenu from "@/views/main/SiteMenu.vue";
</script>