diff --git a/client/components/common/nav-header.vue b/client/components/common/nav-header.vue index 6b2967b0..ed48e644 100644 --- a/client/components/common/nav-header.vue +++ b/client/components/common/nav-header.vue @@ -32,13 +32,13 @@ v-list-tile(avatar, @click='') v-list-tile-avatar: v-icon(color='blue-grey') burst_mode v-list-tile-content Images & Files - v-toolbar-title + v-toolbar-title.ml-2 span.subheading {{title}} v-spacer transition(name='navHeaderSearch') v-text-field( ref='searchField', - v-if='searchIsShown', + v-if='searchIsShown && $vuetify.breakpoint.mdAndUp', v-model='search', clearable, color='white', @@ -61,6 +61,8 @@ .navHeaderLoading.mr-3 v-progress-circular(indeterminate, color='blue', :size='22', :width='2' v-show='isLoading') slot(name='actions') + v-btn(v-if='searchIsShown && $vuetify.breakpoint.smAndDown', icon) + v-icon(color='grey') search v-tooltip(bottom) v-btn(icon, href='/a', slot='activator') v-icon(color='grey') settings diff --git a/client/scss/base/material.scss b/client/scss/base/material.scss index b7ebf23a..bd379dc4 100644 --- a/client/scss/base/material.scss +++ b/client/scss/base/material.scss @@ -309,6 +309,16 @@ $material-colors: ( '800': #37474f, '900': #263238, '1000': #11171a + ), + + 'theme': ( + 'primary': #1976D2, + 'secondary': #424242, + 'accent': #82B1FF, + 'error': #FF5252, + 'info': #2196F3, + 'success': #4CAF50, + 'warning': #FFC107 ) ); diff --git a/client/themes/default/components/app.vue b/client/themes/default/components/app.vue index 229e2364..47af82c8 100644 --- a/client/themes/default/components/app.vue +++ b/client/themes/default/components/app.vue @@ -1,9 +1,18 @@