fix: UI improvements
This commit is contained in:
Nick
@@ -7,42 +7,47 @@
|
||||
flat
|
||||
reverse
|
||||
v-model='minutes'
|
||||
style='flex: 1 1 70px;'
|
||||
)
|
||||
.body-2.mx-3 {{$t('common:duration.minutes')}}
|
||||
v-divider.mr-3()
|
||||
v-divider.mr-3
|
||||
v-text-field(
|
||||
solo
|
||||
hide-details
|
||||
flat
|
||||
reverse
|
||||
v-model='hours'
|
||||
style='flex: 1 1 70px;'
|
||||
)
|
||||
.body-2.mx-3 {{$t('common:duration.hours')}}
|
||||
v-divider.mr-3()
|
||||
v-divider.mr-3
|
||||
v-text-field(
|
||||
solo
|
||||
hide-details
|
||||
flat
|
||||
reverse
|
||||
v-model='days'
|
||||
style='flex: 1 1 70px;'
|
||||
)
|
||||
.body-2.mx-3 {{$t('common:duration.days')}}
|
||||
v-divider.mr-3()
|
||||
v-divider.mr-3
|
||||
v-text-field(
|
||||
solo
|
||||
hide-details
|
||||
flat
|
||||
reverse
|
||||
v-model='months'
|
||||
style='flex: 1 1 70px;'
|
||||
)
|
||||
.body-2.mx-3 {{$t('common:duration.months')}}
|
||||
v-divider.mr-3()
|
||||
v-divider.mr-3
|
||||
v-text-field(
|
||||
solo
|
||||
hide-details
|
||||
flat
|
||||
reverse
|
||||
v-model='years'
|
||||
style='flex: 1 1 70px;'
|
||||
)
|
||||
.body-2.mx-3 {{$t('common:duration.years')}}
|
||||
</template>
|
||||
|
||||
@@ -81,50 +81,50 @@
|
||||
@keyup.down='searchMove(`down`)'
|
||||
@keyup.up='searchMove(`up`)'
|
||||
)
|
||||
v-menu(
|
||||
v-model='searchAdvMenuShown'
|
||||
left
|
||||
offset-y
|
||||
min-width='450'
|
||||
:close-on-content-click='false'
|
||||
nudge-bottom='7'
|
||||
nudge-right='5'
|
||||
v-if='searchIsShown'
|
||||
)
|
||||
template(v-slot:activator='{ on }')
|
||||
v-btn.nav-header-search-adv(icon, color='grey darken-2', v-on='on')
|
||||
v-icon(color='white') mdi-chevron-down
|
||||
v-card.radius-0(dark)
|
||||
v-toolbar(flat, color='grey darken-4', dense)
|
||||
v-icon.mr-2 mdi-feature-search-outline
|
||||
v-subheader.pl-0 Advanced Search
|
||||
v-spacer
|
||||
v-chip(label, small, color='primary') Coming soon
|
||||
v-card-text.pa-4
|
||||
v-checkbox.mt-0(
|
||||
label='Restrict to current language'
|
||||
color='white'
|
||||
v-model='searchRestrictLocale'
|
||||
hide-details
|
||||
)
|
||||
v-checkbox(
|
||||
label='Search below current path only'
|
||||
color='white'
|
||||
v-model='searchRestrictPath'
|
||||
hide-details
|
||||
)
|
||||
v-divider
|
||||
v-card-actions.grey.darken-3-d4
|
||||
v-container.pa-0(grid-list-md)
|
||||
v-layout(row)
|
||||
v-flex(xs6)
|
||||
v-btn(depressed, color='grey darken-3', block)
|
||||
v-icon(left) mdi-chevron-right
|
||||
span Save as defaults
|
||||
v-flex(xs6)
|
||||
v-btn(depressed, color='grey darken-3', block)
|
||||
v-icon(left) mdi-cached
|
||||
span Reset
|
||||
//- v-menu(
|
||||
//- v-model='searchAdvMenuShown'
|
||||
//- left
|
||||
//- offset-y
|
||||
//- min-width='450'
|
||||
//- :close-on-content-click='false'
|
||||
//- nudge-bottom='7'
|
||||
//- nudge-right='5'
|
||||
//- v-if='searchIsShown'
|
||||
//- )
|
||||
//- template(v-slot:activator='{ on }')
|
||||
//- v-btn.nav-header-search-adv(icon, color='grey darken-2', v-on='on')
|
||||
//- v-icon(color='white') mdi-chevron-down
|
||||
//- v-card.radius-0(dark)
|
||||
//- v-toolbar(flat, color='grey darken-4', dense)
|
||||
//- v-icon.mr-2 mdi-feature-search-outline
|
||||
//- v-subheader.pl-0 Advanced Search
|
||||
//- v-spacer
|
||||
//- v-chip(label, small, color='primary') Coming soon
|
||||
//- v-card-text.pa-4
|
||||
//- v-checkbox.mt-0(
|
||||
//- label='Restrict to current language'
|
||||
//- color='white'
|
||||
//- v-model='searchRestrictLocale'
|
||||
//- hide-details
|
||||
//- )
|
||||
//- v-checkbox(
|
||||
//- label='Search below current path only'
|
||||
//- color='white'
|
||||
//- v-model='searchRestrictPath'
|
||||
//- hide-details
|
||||
//- )
|
||||
//- v-divider
|
||||
//- v-card-actions.grey.darken-3-d4
|
||||
//- v-container.pa-0(grid-list-md)
|
||||
//- v-layout(row)
|
||||
//- v-flex(xs6)
|
||||
//- v-btn(depressed, color='grey darken-3', block)
|
||||
//- v-icon(left) mdi-chevron-right
|
||||
//- span Save as defaults
|
||||
//- v-flex(xs6)
|
||||
//- v-btn(depressed, color='grey darken-3', block)
|
||||
//- v-icon(left) mdi-cached
|
||||
//- span Reset
|
||||
v-flex(xs6, md4)
|
||||
v-toolbar.nav-header-inner.pr-4(color='black', dark, flat)
|
||||
v-spacer
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<template lang='pug'>
|
||||
v-dialog(v-model='isShown', max-width='550', persistent)
|
||||
v-card.wiki-form
|
||||
v-card
|
||||
.dialog-header.is-short.is-red
|
||||
v-icon.mr-2(color='white') mdi-file-document-box-remove-outline
|
||||
span {{$t('common:page.delete')}}
|
||||
|
||||
@@ -45,9 +45,9 @@
|
||||
v-list-item-title(v-html='term')
|
||||
v-divider(v-if='idx < suggestions.length - 1')
|
||||
.text-xs-center.pt-5(v-if='search.length > 1')
|
||||
v-btn.mx-2(outlined, color='orange', @click='search = ``', v-if='results.length > 0')
|
||||
v-icon(left) mdi-content-save
|
||||
span {{$t('common:header.searchCopyLink')}}
|
||||
//- v-btn.mx-2(outlined, color='orange', @click='search = ``', v-if='results.length > 0')
|
||||
//- v-icon(left) mdi-content-save
|
||||
//- span {{$t('common:header.searchCopyLink')}}
|
||||
v-btn.mx-2(outlined, color='pink', @click='search = ``')
|
||||
v-icon(left) mdi-close
|
||||
span {{$t('common:header.searchClose')}}
|
||||
|
||||
Reference in New Issue
Block a user