fix: header nav grid and padding for mobile (#1697)

This commit is contained in:
takumi9942 2020-04-12 04:47:50 +09:00 committed by GitHub
parent b2115143e3
commit 19361e9da8
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -17,7 +17,7 @@
@keyup.enter='searchEnter' @keyup.enter='searchEnter'
) )
v-layout(row) v-layout(row)
v-flex(xs6, md4) v-flex(xs5, md4)
v-toolbar.nav-header-inner(color='black', dark, flat, :class='$vuetify.rtl ? `pr-3` : `pl-3`') v-toolbar.nav-header-inner(color='black', dark, flat, :class='$vuetify.rtl ? `pr-3` : `pl-3`')
v-avatar(tile, size='34', @click='goHome') v-avatar(tile, size='34', @click='goHome')
v-img.org-logo(:src='logoUrl') v-img.org-logo(:src='logoUrl')
@ -42,7 +42,7 @@
//- v-list-item-content //- v-list-item-content
//- v-list-item-title.body-2.grey--text.text--ligten-2 {{$t('common:header.imagesFiles')}} //- v-list-item-title.body-2.grey--text.text--ligten-2 {{$t('common:header.imagesFiles')}}
//- v-list-item-subtitle.overline.grey--text.text--lighten-2 Coming soon //- v-list-item-subtitle.overline.grey--text.text--lighten-2 Coming soon
v-toolbar-title(:class='{ "mx-3": $vuetify.breakpoint.mdAndUp, "mx-0": $vuetify.breakpoint.smAndDown }') v-toolbar-title(:class='{ "mx-3": $vuetify.breakpoint.mdAndUp, "mx-1": $vuetify.breakpoint.smAndDown }')
span.subheading {{title}} span.subheading {{title}}
v-flex(md4, v-if='$vuetify.breakpoint.mdAndUp') v-flex(md4, v-if='$vuetify.breakpoint.mdAndUp')
v-toolbar.nav-header-inner(color='black', dark, flat) v-toolbar.nav-header-inner(color='black', dark, flat)
@ -73,7 +73,7 @@
v-btn.ml-2.mr-0(icon, v-on='on', href='/t') v-btn.ml-2.mr-0(icon, v-on='on', href='/t')
v-icon(color='grey') mdi-tag-multiple v-icon(color='grey') mdi-tag-multiple
span {{$t('common:header.browseTags')}} span {{$t('common:header.browseTags')}}
v-flex(xs6, md4) v-flex(xs7, md4)
v-toolbar.nav-header-inner.pr-4(color='black', dark, flat) v-toolbar.nav-header-inner.pr-4(color='black', dark, flat)
v-spacer v-spacer
.navHeaderLoading.mr-3 .navHeaderLoading.mr-3