Browse Source

add "/page" link to display for menu item "about"

tags/1.0.3
Alej 3 years ago
parent
commit
1998b199b2
1 changed files with 6 additions and 7 deletions
  1. 6
    7
      vue-theme/src/components/navigation/navigation.vue

+ 6
- 7
vue-theme/src/components/navigation/navigation.vue View File

129
 
129
 
130
         ul.drop-down.w-max
130
         ul.drop-down.w-max
131
             li(v-for="item in menuItems")
131
             li(v-for="item in menuItems")
132
-                router-link(@click="uncheck" :to="`/${item}`")
132
+                router-link(@click="uncheck" v-if="item == 'about'" :to="`/page/${item}`")
133
+                    h5.t-up {{ item }}
134
+                router-link(@click="uncheck" v-else= "" :to="`/${item}`")
133
                     h5.t-up {{ item }}
135
                     h5.t-up {{ item }}
134
 </template>
136
 </template>
135
 
137
 
157
             searchTerms.value = ''
159
             searchTerms.value = ''
158
             toggleSearch()
160
             toggleSearch()
159
         }
161
         }
160
-        
161
 
162
 
162
         /**
163
         /**
163
          * Navigation items
164
          * Navigation items
169
         const menuItems = computed(() => {
170
         const menuItems = computed(() => {
170
             const extras = [
171
             const extras = [
171
                 'blog',
172
                 'blog',
172
-                // 'education',
173
-                // 'resources',
174
-                // 'support',
175
-                'page/about',
173
+                // 'artist-resources',
174
+                'about',
176
                 '🔍'
175
                 '🔍'
177
             ]
176
             ]
178
             const ignore = [
177
             const ignore = [
279
                     transition: $transition
278
                     transition: $transition
280
 
279
 
281
                 > li 
280
                 > li 
282
-                    line-height: 1.5
281
+                    line-height: 1.4
283
                     width: max-content
282
                     width: max-content
284
                     background-color: $lighter
283
                     background-color: $lighter
285
                     //- list hover
284
                     //- list hover

Loading…
Cancel
Save