fix: dark mode improvements

This commit is contained in:
NGPixel 2020-04-24 15:56:11 -04:00
parent 0ab9ecfdb2
commit 866cdd59c8
2 changed files with 4 additions and 2 deletions

View File

@ -5,7 +5,7 @@
v-spacer v-spacer
.overline.grey--text {{$t('admin:adminArea')}} .overline.grey--text {{$t('admin:adminArea')}}
v-spacer v-spacer
v-navigation-drawer.pb-0.admin-sidebar(v-model='adminDrawerShown', app, fixed, clipped, :right='$vuetify.rtl', permanent, width='300') v-navigation-drawer.pb-0.admin-sidebar(v-model='adminDrawerShown', app, fixed, clipped, :right='$vuetify.rtl', permanent, width='300', :class='$vuetify.theme.dark ? `grey darken-4` : ``')
vue-scroll(:ops='scrollStyle') vue-scroll(:ops='scrollStyle')
v-list.radius-0(dense, nav) v-list.radius-0(dense, nav)
v-list-item(to='/dashboard', color='primary') v-list-item(to='/dashboard', color='primary')
@ -123,7 +123,7 @@
v-list-item-avatar(size='24', tile): v-icon mdi-heart-outline v-list-item-avatar(size='24', tile): v-icon mdi-heart-outline
v-list-item-title {{ $t('admin:contribute.title') }} v-list-item-title {{ $t('admin:contribute.title') }}
v-content(:class='darkMode ? "grey darken-4" : "grey lighten-5"') v-content(:class='darkMode ? "grey darken-5" : "grey lighten-5"')
transition(name='admin-router') transition(name='admin-router')
router-view router-view

View File

@ -429,6 +429,8 @@ export default {
this.$store.set('page/mode', 'view') this.$store.set('page/mode', 'view')
}, },
mounted () { mounted () {
this.scrollStyle.bar.background = '#424242'
// -> Check side navigation visibility // -> Check side navigation visibility
this.handleSideNavVisibility() this.handleSideNavVisibility()
window.addEventListener('resize', _.debounce(() => { window.addEventListener('resize', _.debounce(() => {