From 19361e9da8571bc4bcf586e0c3df879eeeb2f62e Mon Sep 17 00:00:00 2001 From: takumi9942 Date: Sun, 12 Apr 2020 04:47:50 +0900 Subject: [PATCH] fix: header nav grid and padding for mobile (#1697) --- client/components/common/nav-header.vue | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/client/components/common/nav-header.vue b/client/components/common/nav-header.vue index 4071e0df..664bbeee 100644 --- a/client/components/common/nav-header.vue +++ b/client/components/common/nav-header.vue @@ -17,7 +17,7 @@ @keyup.enter='searchEnter' ) 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-avatar(tile, size='34', @click='goHome') v-img.org-logo(:src='logoUrl') @@ -42,7 +42,7 @@ //- v-list-item-content //- 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-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}} v-flex(md4, v-if='$vuetify.breakpoint.mdAndUp') 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-icon(color='grey') mdi-tag-multiple 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-spacer .navHeaderLoading.mr-3