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

Modifications ajouter d'éléments dans Signup + login view modification basic

Browse Source
This commit is contained in:
PascalMarchesseault
2024-04-20 00:55:47 -04:00
parent 40505f0dcf
commit e80bfff3a0
3 changed files with 76 additions and 138 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
src/views/main/CreatorFolioLeftMenu.vue
View File

@@ -1,64 +0,0 @@
<template>
<v-card
class="mx-auto"
width="256"
>
<v-layout>
<v-navigation-drawer absolute permanent>
<h1>Test</h1>
<v-divider></v-divider>
<v-list
:lines="false"
density="compact"
nav
>
<v-list-item
v-for="(item, i) in items"
:key="i"
:value="item"
color="primary"
>
<template v-slot:prepend>
<v-icon :icon="item.icon"></v-icon>
</template>
</v-list-item>
</v-list>
</v-navigation-drawer>
<v-main style="height: 354px;"></v-main>
</v-layout>
</v-card>
</template>
<script setup>
const items = [
{ text: 'My Files', icon: 'mdi-folder' },
{ text: 'Shared with me', icon: 'mdi-account-multiple' },
{ text: 'Starred', icon: 'mdi-star' },
{ text: 'Recent', icon: 'mdi-history' },
{ text: 'Offline', icon: 'mdi-check-circle' },
{ text: 'Uploads', icon: 'mdi-upload' },
{ text: 'Backups', icon: 'mdi-cloud-upload' },
]
</script>
<script>
export default {
data: () => ({
items: [
{ text: 'My Files', icon: 'mdi-folder' },
{ text: 'Shared with me', icon: 'mdi-account-multiple' },
{ text: 'Starred', icon: 'mdi-star' },
{ text: 'Recent', icon: 'mdi-history' },
{ text: 'Offline', icon: 'mdi-check-circle' },
{ text: 'Uploads', icon: 'mdi-upload' },
{ text: 'Backups', icon: 'mdi-cloud-upload' },
],
}),
}
</script>