|
|
@@ -22,15 +22,16 @@ Prend en paramètre une liste de ItemMenu et les met en forme
|
|
|
<!-- 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 -->
|
|
|
+ <!-- Cas 1 : l'item n'a pas d'enfants, c'est un lien (ou le menu est en mode réduit) -->
|
|
|
<v-list-item
|
|
|
- v-if="!item.children"
|
|
|
+ v-if="!item.children || isRail"
|
|
|
:title="$t(item.label)"
|
|
|
:prepend-icon="item.icon.name"
|
|
|
:href="!isInternalLink(item) ? item.to : undefined"
|
|
|
:to="isInternalLink(item) ? item.to : undefined"
|
|
|
exact
|
|
|
height="48px"
|
|
|
+ class="menu-item"
|
|
|
/>
|
|
|
|
|
|
<!-- Cas 2 : l'item a des enfants, c'est un groupe -->
|
|
|
@@ -44,7 +45,7 @@ Prend en paramètre une liste de ItemMenu et les met en forme
|
|
|
v-bind="props"
|
|
|
:prepend-icon="item.icon.name"
|
|
|
:title="$t(item.label)"
|
|
|
- class="theme-secondary"
|
|
|
+ class="theme-secondary menu-item"
|
|
|
height="48px"
|
|
|
/>
|
|
|
</template>
|
|
|
@@ -179,4 +180,8 @@ onUnmounted(() => {
|
|
|
margin-right: 10px;
|
|
|
}
|
|
|
|
|
|
+ :deep(.menu-item .fa) {
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+
|
|
|
</style>
|