|
|
@@ -15,6 +15,14 @@ Prend en paramètre une liste de ItemMenu et les met en forme
|
|
|
</template>
|
|
|
|
|
|
<v-list open-strategy="single" active-class="active" class="left-menu">
|
|
|
+ <v-list-item
|
|
|
+ v-if="smAndDown"
|
|
|
+ prepend-icon="fas fa-home"
|
|
|
+ :title="$t('homepage')"
|
|
|
+ class="theme-secondary menu-item"
|
|
|
+ height="48px"
|
|
|
+ />
|
|
|
+
|
|
|
<!-- TODO: que se passe-t-il si le menu ne comprend qu'un seul MenuItem? -->
|
|
|
<div v-for="(item, i) in items" :key="i">
|
|
|
<!-- Cas 1 : l'item n'a pas d'enfants, c'est un lien (ou le menu est en mode réduit) -->
|
|
|
@@ -33,8 +41,8 @@ Prend en paramètre une liste de ItemMenu et les met en forme
|
|
|
<!-- Cas 2 : l'item a des enfants, c'est un groupe -->
|
|
|
<v-list-group
|
|
|
v-else
|
|
|
- expand-icon="fas fa-angle-down"
|
|
|
- collapse-icon="fas fa-angle-up"
|
|
|
+ expand-icon="fas fa-angle-right"
|
|
|
+ collapse-icon="fas fa-angle-down"
|
|
|
>
|
|
|
<template #activator="{ props }">
|
|
|
<v-list-item
|
|
|
@@ -76,7 +84,7 @@ import type { MenuGroup, MenuItem } from '~/types/layout'
|
|
|
const { getMenu, hasMenu, isInternalLink, setMenuState, isMenuOpened } =
|
|
|
useMenu()
|
|
|
|
|
|
-const { mdAndUp, lgAndUp } = useDisplay()
|
|
|
+const { smAndDown, mdAndUp, lgAndUp } = useDisplay()
|
|
|
|
|
|
const menu: MenuGroup | null = getMenu('Main')
|
|
|
|
|
|
@@ -130,9 +138,8 @@ onUnmounted(() => {
|
|
|
color: rgb(var(--v-theme-on-secondary));
|
|
|
}
|
|
|
|
|
|
-.v-list-item__prepend {
|
|
|
- margin: 10px 0;
|
|
|
- margin-right: 10px !important;
|
|
|
+:deep(.v-list-item__prepend > .v-icon ~ .v-list-item__spacer) {
|
|
|
+ width: 12px;
|
|
|
}
|
|
|
|
|
|
.v-application--is-ltr .v-list-group--no-action > .v-list-group__header {
|