Selaa lähdekoodia

added Center & Library to mobile menu

pull/229/head
Alej 1 vuosi sitten
vanhempi
commit
b08e1964f2
1 muutettua tiedostoa jossa 12 lisäystä ja 5 poistoa
  1. 12
    5
      vue-theme/src/components/navigation/navigation.vue

+ 12
- 5
vue-theme/src/components/navigation/navigation.vue Näytä tiedosto

109
         ul.drop-down.w-max.t-up
109
         ul.drop-down.w-max.t-up
110
             li.f-col.center
110
             li.f-col.center
111
                 h5
111
                 h5
112
-                    input(v-model="searchTerms" @keyup.enter="sendSearch" tabindex="10")
113
-                    button(@click="sendSearch" tabindex="11")  🔍 search 
112
+                    .search-item
113
+                        input(v-model="searchTerms" @keyup.enter="sendSearch" tabindex="10")
114
+                        button(@click="sendSearch" tabindex="11")  🔍 search 
114
             li(v-for="item in menuItems").f-row.center
115
             li(v-for="item in menuItems").f-row.center
115
-                router-link(@click="uncheck" v-if="item == 'about' || item == 'donate'" :to="`/page/${item}`")
116
+                router-link(@click="uncheck" v-if="item == 'about' || item == 'donate' || item == 'center' || item == 'library'" :to="`/page/${item}`")
116
                     h5 {{ item }}
117
                     h5 {{ item }}
117
                 router-link(@click="uncheck" v-else= "" :to="`/${item}`")
118
                 router-link(@click="uncheck" v-else= "" :to="`/${item}`")
118
                     h5 {{ item }}
119
                     h5 {{ item }}
152
          */
153
          */
153
         const menuItems = computed(() => {
154
         const menuItems = computed(() => {
154
             const extras = [
155
             const extras = [
156
+                'center',
157
+                'library',
155
                 'blog',
158
                 'blog',
156
-                // 'artist-resources',
157
                 'donate',
159
                 'donate',
158
                 'about',
160
                 'about',
159
             ]
161
             ]
220
             top: 36px
222
             top: 36px
221
             padding: 0
223
             padding: 0
222
             input
224
             input
225
+                height: $ms-4
226
+                vertical-align: middle
223
                 width: 50%
227
                 width: 50%
224
                 font-size: $ms-2
228
                 font-size: $ms-2
225
 
229
 
293
                 color: $cia_darker
297
                 color: $cia_darker
294
                 cursor: pointer
298
                 cursor: pointer
295
         /* make this menu style for $small min-width 480px screen */
299
         /* make this menu style for $small min-width 480px screen */
296
-        input
300
+        input, button
301
+                input, button 
302
+            height: $ms-6
303
+            vertical-align: middle
297
             &.hide
304
             &.hide
298
                 display: none
305
                 display: none
299
                 cursor: pointer
306
                 cursor: pointer

Loading…
Peruuta
Tallenna