diff --git a/src/components/Menu.vue b/src/components/Menu.vue index 4f1729b..61927a3 100644 --- a/src/components/Menu.vue +++ b/src/components/Menu.vue @@ -36,12 +36,11 @@ v-for="mainItem in mainItems" :data-icon="mainItem.icon" :key="mainItem.path" - :class="{ active: isCurrent(mainItem) }" + :class="{ active: isCurrent(mainItem), disabled: mainItem.disabled }" > {{ mainItem.title }} {{ @@ -108,7 +107,7 @@ const mainItems = [ title: "Réunions", path: "/reunions", icon: "calendar", - pill: "Dans 2h", + pill: false, disabled: true, }, { @@ -232,6 +231,13 @@ button[aria-controls="menu"][aria-expanded="false"] { min-height: 2.75rem; /* 44px */ } +#menu li.disabled { + opacity: .5; +} +#menu li.disabled a::before { + cursor: not-allowed; +} + #menu li[data-count]::after { content: attr(data-count); display: inline-block;