File tree Expand file tree Collapse file tree 3 files changed +8
-16
lines changed Expand file tree Collapse file tree 3 files changed +8
-16
lines changed Original file line number Diff line number Diff line change 1
1
<template >
2
2
<div class =" hacks-nav" >
3
3
<div class =" hacks-nav__container" v-if =" !isMobile" >
4
- <router-link
5
- v-for =" r in routes"
6
- :key =" r.path"
7
- :to =" r.path" >
8
- {{ r.name }}
9
- </router-link >
4
+ <router-link v-for =" r in routes" :key =" r.path" :to =" r.path" >{{ r.name }}</router-link >
10
5
</div >
11
6
12
- <div
13
- class =" hacks-nav__button"
14
- v-if =" isMobile"
15
- @click =" menuOpen = !menuOpen"
16
- >
7
+ <div class =" hacks-nav__button" v-if =" isMobile" @click =" menuOpen = !menuOpen" >
17
8
<h2 >≡</h2 >
18
9
</div >
19
10
@@ -46,14 +37,14 @@ import { routes } from "../router";
46
37
export default {
47
38
name: " hacks-nav" ,
48
39
components: {
49
- HacksModal,
40
+ HacksModal
50
41
},
51
42
props: {
52
43
isMobile: {
53
44
type: Boolean ,
54
45
required: true ,
55
- default: false ,
56
- },
46
+ default: false
47
+ }
57
48
},
58
49
data () {
59
50
return {
@@ -64,8 +55,8 @@ export default {
64
55
methods: {
65
56
closeModal () {
66
57
this .menuOpen = ! menuOpen;
67
- },
68
- },
58
+ }
59
+ }
69
60
};
70
61
</script >
71
62
@@ -74,6 +65,7 @@ export default {
74
65
75
66
.hacks-nav {
76
67
font-variant : small-caps ;
68
+ text-transform : lowercase ;
77
69
font-weight : lighter ;
78
70
width : $hacks-page-width ;
79
71
display : block ;
You can’t perform that action at this time.
0 commit comments