Apply suggestions from code review

Simpler class name logic
This commit is contained in:
Adrian Thompson
2020-09-09 09:32:02 +02:00
committed by GitHub
parent 2eb664fc79
commit 45d47924e9

View File

@@ -5,15 +5,15 @@
<img src="/public/assets/images/knowit.svg" alt="knowit logo" />
</router-link>
<a class="menu-toggle-container" aria-label="show-menu" @click="toggleMenu" :class="{'open': isOpen, 'collapsed': !isOpen}" >
<a class="menu-toggle-container" aria-label="show-menu" @click="toggleMenu" :class="isOpen ? 'open' : 'collapsed'" >
<span class="menu-toggle"></span>
<span class="menu-toggle"></span>
<span class="menu-toggle"></span>
</a>
<nav class="menu" :class="{'open': isOpen, 'collapsed': !isOpen}">
<nav class="menu" :class="isOpen ? 'open' : 'collapsed'" >
<router-link v-for="(route, index) in routes" :key="index" :to="route.route" class="menu-item-link" >
<a @click="toggleMenu" class="single-route" :class="{'open': isOpen, 'collapsed': !isOpen}">{{route.name}}</a>
<a @click="toggleMenu" class="single-route" :class="isOpen ? 'open' : 'collapsed'">{{route.name}}</a>
</router-link>
</nav>