Rework the banner #34
@@ -5,15 +5,15 @@
|
|||||||
|
|
|||||||
<img src="/public/assets/images/knowit.svg" alt="knowit logo" />
|
<img src="/public/assets/images/knowit.svg" alt="knowit logo" />
|
||||||
</router-link>
|
</router-link>
|
||||||
|
|
||||||
<a class="menu-toggle-container" aria-label="show-menu" @click="toggleMenu" :class="menuHeight">
|
<a class="menu-toggle-container" aria-label="show-menu" @click="toggleMenu" :class="{'open': isOpen, 'collapsed': !isOpen}" >
|
||||||
```suggestion
<nav class="menu" :class="{ 'desktop-only': isOpen }">
```
fixed fixed
```suggestion
<a class="menu-toggle-container" aria-label="show-menu" @click="toggleMenu" :class="isOpen ? 'open' : 'collapsed'" >
```
```suggestion
<nav class="menu" :class="isOpen ? 'open' : 'collapsed'" >
```
```suggestion
<a @click="toggleMenu" class="single-route" :class="isOpen ? 'open' : 'collapsed'">{{route.name}}</a>
```
```suggestion
<nav class="menu" :class="{ 'desktop-only': isOpen }">
```
fixed fixed
```suggestion
<a class="menu-toggle-container" aria-label="show-menu" @click="toggleMenu" :class="isOpen ? 'open' : 'collapsed'" >
```
```suggestion
<nav class="menu" :class="isOpen ? 'open' : 'collapsed'" >
```
```suggestion
<a @click="toggleMenu" class="single-route" :class="isOpen ? 'open' : 'collapsed'">{{route.name}}</a>
```
|
|||||||
<span class="menu-toggle"></span>
|
<span class="menu-toggle"></span>
|
||||||
<span class="menu-toggle"></span>
|
<span class="menu-toggle"></span>
|
||||||
<span class="menu-toggle"></span>
|
<span class="menu-toggle"></span>
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
<nav class="menu" :class="menuHeight">
|
<nav class="menu" :class="{'open': isOpen, 'collapsed': !isOpen}">
|
||||||
```suggestion
<nav class="menu" :class="{ 'desktop-only': isOpen }">
```
fixed fixed
```suggestion
<a class="menu-toggle-container" aria-label="show-menu" @click="toggleMenu" :class="isOpen ? 'open' : 'collapsed'" >
```
```suggestion
<nav class="menu" :class="isOpen ? 'open' : 'collapsed'" >
```
```suggestion
<a @click="toggleMenu" class="single-route" :class="isOpen ? 'open' : 'collapsed'">{{route.name}}</a>
```
```suggestion
<nav class="menu" :class="{ 'desktop-only': isOpen }">
```
fixed fixed
```suggestion
<a class="menu-toggle-container" aria-label="show-menu" @click="toggleMenu" :class="isOpen ? 'open' : 'collapsed'" >
```
```suggestion
<nav class="menu" :class="isOpen ? 'open' : 'collapsed'" >
```
```suggestion
<a @click="toggleMenu" class="single-route" :class="isOpen ? 'open' : 'collapsed'">{{route.name}}</a>
```
|
|||||||
<router-link v-for="(route, index) in routes" :key="index" :to="route.route" class="menu-item-link" >
|
<router-link v-for="(route, index) in routes" :key="index" :to="route.route" class="menu-item-link" >
|
||||||
<a @click="toggleMenu" class="single-route" :class="menuHeight">{{route.name}}</a>
|
<a @click="toggleMenu" class="single-route" :class="{'open': isOpen, 'collapsed': !isOpen}">{{route.name}}</a>
|
||||||
```suggestion
<nav class="menu" :class="{ 'desktop-only': isOpen }">
```
fixed fixed
```suggestion
<a class="menu-toggle-container" aria-label="show-menu" @click="toggleMenu" :class="isOpen ? 'open' : 'collapsed'" >
```
```suggestion
<nav class="menu" :class="isOpen ? 'open' : 'collapsed'" >
```
```suggestion
<a @click="toggleMenu" class="single-route" :class="isOpen ? 'open' : 'collapsed'">{{route.name}}</a>
```
```suggestion
<nav class="menu" :class="{ 'desktop-only': isOpen }">
```
fixed fixed
```suggestion
<a class="menu-toggle-container" aria-label="show-menu" @click="toggleMenu" :class="isOpen ? 'open' : 'collapsed'" >
```
```suggestion
<nav class="menu" :class="isOpen ? 'open' : 'collapsed'" >
```
```suggestion
<a @click="toggleMenu" class="single-route" :class="isOpen ? 'open' : 'collapsed'">{{route.name}}</a>
```
|
|||||||
</router-link>
|
</router-link>
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
@@ -33,7 +33,7 @@
|
|||||||
```suggestion
<nav class="menu" :class="{ 'desktop-only': isOpen }">
```
```suggestion
<nav class="menu" :class="{ 'desktop-only': isOpen }">
```
fixed fixed
fixed fixed
```suggestion
<a class="menu-toggle-container" aria-label="show-menu" @click="toggleMenu" :class="isOpen ? 'open' : 'collapsed'" >
```
```suggestion
<a class="menu-toggle-container" aria-label="show-menu" @click="toggleMenu" :class="isOpen ? 'open' : 'collapsed'" >
```
```suggestion
<nav class="menu" :class="isOpen ? 'open' : 'collapsed'" >
```
```suggestion
<nav class="menu" :class="isOpen ? 'open' : 'collapsed'" >
```
```suggestion
<a @click="toggleMenu" class="single-route" :class="isOpen ? 'open' : 'collapsed'">{{route.name}}</a>
```
```suggestion
<a @click="toggleMenu" class="single-route" :class="isOpen ? 'open' : 'collapsed'">{{route.name}}</a>
```
|
|||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
menuHeight: 'collapsed',
|
isOpen: false,
|
||||||
```suggestion
<nav class="menu" :class="{ 'desktop-only': isOpen }">
```
fixed fixed
```suggestion
<a class="menu-toggle-container" aria-label="show-menu" @click="toggleMenu" :class="isOpen ? 'open' : 'collapsed'" >
```
```suggestion
<nav class="menu" :class="isOpen ? 'open' : 'collapsed'" >
```
```suggestion
<a @click="toggleMenu" class="single-route" :class="isOpen ? 'open' : 'collapsed'">{{route.name}}</a>
```
```suggestion
<nav class="menu" :class="{ 'desktop-only': isOpen }">
```
fixed fixed
```suggestion
<a class="menu-toggle-container" aria-label="show-menu" @click="toggleMenu" :class="isOpen ? 'open' : 'collapsed'" >
```
```suggestion
<nav class="menu" :class="isOpen ? 'open' : 'collapsed'" >
```
```suggestion
<a @click="toggleMenu" class="single-route" :class="isOpen ? 'open' : 'collapsed'">{{route.name}}</a>
```
|
|||||||
nextLottery: null,
|
nextLottery: null,
|
||||||
days: 0,
|
days: 0,
|
||||||
hours: 0,
|
hours: 0,
|
||||||
@@ -68,12 +68,7 @@ export default {
|
|||||||
```suggestion
<nav class="menu" :class="{ 'desktop-only': isOpen }">
```
```suggestion
<nav class="menu" :class="{ 'desktop-only': isOpen }">
```
fixed fixed
fixed fixed
```suggestion
<a class="menu-toggle-container" aria-label="show-menu" @click="toggleMenu" :class="isOpen ? 'open' : 'collapsed'" >
```
```suggestion
<a class="menu-toggle-container" aria-label="show-menu" @click="toggleMenu" :class="isOpen ? 'open' : 'collapsed'" >
```
```suggestion
<nav class="menu" :class="isOpen ? 'open' : 'collapsed'" >
```
```suggestion
<nav class="menu" :class="isOpen ? 'open' : 'collapsed'" >
```
```suggestion
<a @click="toggleMenu" class="single-route" :class="isOpen ? 'open' : 'collapsed'">{{route.name}}</a>
```
```suggestion
<a @click="toggleMenu" class="single-route" :class="isOpen ? 'open' : 'collapsed'">{{route.name}}</a>
```
|
|||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
toggleMenu(){
|
toggleMenu(){
|
||||||
console.log(this.menuHeight)
|
this.isOpen = this.isOpen ? false : true;
|
||||||
```suggestion
<nav class="menu" :class="{ 'desktop-only': isOpen }">
```
fixed fixed
```suggestion
<a class="menu-toggle-container" aria-label="show-menu" @click="toggleMenu" :class="isOpen ? 'open' : 'collapsed'" >
```
```suggestion
<nav class="menu" :class="isOpen ? 'open' : 'collapsed'" >
```
```suggestion
<a @click="toggleMenu" class="single-route" :class="isOpen ? 'open' : 'collapsed'">{{route.name}}</a>
```
```suggestion
<nav class="menu" :class="{ 'desktop-only': isOpen }">
```
fixed fixed
```suggestion
<a class="menu-toggle-container" aria-label="show-menu" @click="toggleMenu" :class="isOpen ? 'open' : 'collapsed'" >
```
```suggestion
<nav class="menu" :class="isOpen ? 'open' : 'collapsed'" >
```
```suggestion
<a @click="toggleMenu" class="single-route" :class="isOpen ? 'open' : 'collapsed'">{{route.name}}</a>
```
|
|||||||
if(this.menuHeight === 'collapsed'){
|
|
||||||
```suggestion
<nav class="menu" :class="{ 'desktop-only': isOpen }">
```
fixed fixed
```suggestion
<a class="menu-toggle-container" aria-label="show-menu" @click="toggleMenu" :class="isOpen ? 'open' : 'collapsed'" >
```
```suggestion
<nav class="menu" :class="isOpen ? 'open' : 'collapsed'" >
```
```suggestion
<a @click="toggleMenu" class="single-route" :class="isOpen ? 'open' : 'collapsed'">{{route.name}}</a>
```
|
|||||||
this.menuHeight = 'open'
|
|
||||||
```suggestion
<nav class="menu" :class="{ 'desktop-only': isOpen }">
```
fixed fixed
```suggestion
<a class="menu-toggle-container" aria-label="show-menu" @click="toggleMenu" :class="isOpen ? 'open' : 'collapsed'" >
```
```suggestion
<nav class="menu" :class="isOpen ? 'open' : 'collapsed'" >
```
```suggestion
<a @click="toggleMenu" class="single-route" :class="isOpen ? 'open' : 'collapsed'">{{route.name}}</a>
```
|
|||||||
} else {
|
|
||||||
```suggestion
<nav class="menu" :class="{ 'desktop-only': isOpen }">
```
fixed fixed
```suggestion
<a class="menu-toggle-container" aria-label="show-menu" @click="toggleMenu" :class="isOpen ? 'open' : 'collapsed'" >
```
```suggestion
<nav class="menu" :class="isOpen ? 'open' : 'collapsed'" >
```
```suggestion
<a @click="toggleMenu" class="single-route" :class="isOpen ? 'open' : 'collapsed'">{{route.name}}</a>
```
|
|||||||
this.menuHeight = 'collapsed'
|
|
||||||
```suggestion
<nav class="menu" :class="{ 'desktop-only': isOpen }">
```
fixed fixed
```suggestion
<a class="menu-toggle-container" aria-label="show-menu" @click="toggleMenu" :class="isOpen ? 'open' : 'collapsed'" >
```
```suggestion
<nav class="menu" :class="isOpen ? 'open' : 'collapsed'" >
```
```suggestion
<a @click="toggleMenu" class="single-route" :class="isOpen ? 'open' : 'collapsed'">{{route.name}}</a>
```
|
|||||||
}
|
|
||||||
```suggestion
<nav class="menu" :class="{ 'desktop-only': isOpen }">
```
fixed fixed
```suggestion
<a class="menu-toggle-container" aria-label="show-menu" @click="toggleMenu" :class="isOpen ? 'open' : 'collapsed'" >
```
```suggestion
<nav class="menu" :class="isOpen ? 'open' : 'collapsed'" >
```
```suggestion
<a @click="toggleMenu" class="single-route" :class="isOpen ? 'open' : 'collapsed'">{{route.name}}</a>
```
|
|||||||
},
|
},
|
||||||
pad: function(num) {
|
pad: function(num) {
|
||||||
if (num < 10) {
|
if (num < 10) {
|
||||||
|
|||||||
```suggestion
<nav class="menu" :class="{ 'desktop-only': isOpen }">
```
```suggestion
<nav class="menu" :class="{ 'desktop-only': isOpen }">
```
fixed fixed
fixed fixed
```suggestion
<a class="menu-toggle-container" aria-label="show-menu" @click="toggleMenu" :class="isOpen ? 'open' : 'collapsed'" >
```
```suggestion
<a class="menu-toggle-container" aria-label="show-menu" @click="toggleMenu" :class="isOpen ? 'open' : 'collapsed'" >
```
```suggestion
<nav class="menu" :class="isOpen ? 'open' : 'collapsed'" >
```
```suggestion
<nav class="menu" :class="isOpen ? 'open' : 'collapsed'" >
```
```suggestion
<a @click="toggleMenu" class="single-route" :class="isOpen ? 'open' : 'collapsed'">{{route.name}}</a>
```
```suggestion
<a @click="toggleMenu" class="single-route" :class="isOpen ? 'open' : 'collapsed'">{{route.name}}</a>
```
|
|||||||
Reference in New Issue
Block a user
fixed
fixed