matt
/
port-nimara-client-portal
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: menu

This commit is contained in:
Ron 2025-03-31 18:27:00 +02:00
parent 6b22f61d17
commit 1208bd35d2
1 changed files with 18 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
pages/dashboard.vue
View File

@ -1,7 +1,10 @@
<template> <template>
<v-app full-height> <v-app full-height>
<v-navigation-drawer> <v-navigation-drawer
<v-img src="/logo.jpg" height="75" class="my-6" /> v-model="drawer"
:location="mdAndDown ? 'bottom' : undefined"
>
<v-img v-if="!mdAndDown" src="/logo.jpg" height="75" class="my-6" />
<v-list color="primary" lines="two"> <v-list color="primary" lines="two">
<v-list-item <v-list-item
@ -15,6 +18,12 @@
<template #append> <template #append>
<v-list lines="two"> <v-list lines="two">
<v-list-item
v-if="user"
:title="`${user.first_name} ${user.last_name}`"
:subtitle="user.email"
prepend-icon="mdi-account"
/>
<v-list-item <v-list-item
@click="logOut" @click="logOut"
title="Log out" title="Log out"
@ -27,14 +36,16 @@
<v-app-bar v-if="mdAndDown" elevation="2"> <v-app-bar v-if="mdAndDown" elevation="2">
<template #prepend> <template #prepend>
<v-img src="/logo.jpg" width="75" class="ml-3" /> <v-app-bar-nav-icon variant="text" @click.stop="drawer = !drawer" />
</template> </template>
<v-img src="/logo.jpg" height="50" />
<template #append> <template #append>
<v-btn <v-btn
@click="logOut" @click="logOut"
class="mr-3" class="mr-3"
variant="tonal" variant="text"
color="error" color="error"
icon="mdi-logout" icon="mdi-logout"
/> />
@ -43,13 +54,6 @@
<v-main> <v-main>
<router-view /> <router-view />
<v-bottom-navigation :active="mdAndDown" color="primary" elevation="2">
<v-btn v-for="(item, index) in menu" :key="index" :to="item.to">
<v-icon :icon="item.icon" />
<span v-text="item.title" />
</v-btn>
</v-bottom-navigation>
</v-main> </v-main>
</v-app> </v-app>
</template> </template>
@ -62,9 +66,11 @@ definePageMeta({
const { mdAndDown } = useDisplay(); const { mdAndDown } = useDisplay();
const { logout } = useDirectusAuth(); const { logout } = useDirectusAuth();
const user = useDirectusUser();
const tags = usePortalTags(); const tags = usePortalTags();
const drawer = ref(false);
const interestMenu = [ const interestMenu = [
{ {
to: "/dashboard/interest-eoi-queue", to: "/dashboard/interest-eoi-queue",