fix: admin rendering UI + dark mode
This commit is contained in:
@@ -2,7 +2,7 @@
|
||||
v-app(v-scroll='upBtnScroll', :dark='darkMode')
|
||||
nav-header
|
||||
v-navigation-drawer(
|
||||
:class='darkMode ? `grey darken-5` : `primary`'
|
||||
:class='darkMode ? `grey darken-4-d4` : `primary`'
|
||||
dark
|
||||
app
|
||||
clipped
|
||||
@@ -12,7 +12,7 @@
|
||||
:right='$vuetify.rtl'
|
||||
)
|
||||
vue-scroll(:ops='scrollStyle')
|
||||
nav-sidebar(:color='darkMode ? `grey darken-5` : `primary`', :items='sidebar')
|
||||
nav-sidebar(:color='darkMode ? `grey darken-4-d4` : `primary`', :items='sidebar')
|
||||
|
||||
v-fab-transition
|
||||
v-btn(
|
||||
@@ -57,7 +57,7 @@
|
||||
v-layout(row)
|
||||
v-flex.page-col-sd(lg3, xl2, fill-height, v-if='$vuetify.breakpoint.lgAndUp', style='margin-top: -90px;')
|
||||
v-card(v-if='toc.length')
|
||||
.overline.pa-5.pb-0(:class='darkMode ? `indigo--text text--lighten-3` : `primary--text`') {{$t('common:page.toc')}}
|
||||
.overline.pa-5.pb-0(:class='darkMode ? `blue--text text--lighten-2` : `primary--text`') {{$t('common:page.toc')}}
|
||||
v-list.pb-3(dense, nav, :class='darkMode ? `darken-3-d3` : ``')
|
||||
template(v-for='(tocItem, tocIdx) in toc')
|
||||
v-list-item(@click='$vuetify.goTo(tocItem.anchor, scrollOpts)')
|
||||
@@ -67,12 +67,12 @@
|
||||
template(v-for='tocSubItem in tocItem.children')
|
||||
v-list-item(@click='$vuetify.goTo(tocSubItem.anchor, scrollOpts)')
|
||||
v-icon.pl-3(color='grey lighten-1', small) mdi-chevron-right
|
||||
v-list-item-title.pl-3.caption.grey--text.text--darken-1 {{tocSubItem.title}}
|
||||
v-list-item-title.pl-3.caption.grey--text(:class='darkMode ? `text--lighten-1` : `text--darken-1`') {{tocSubItem.title}}
|
||||
//- v-divider(inset, v-if='tocIdx < toc.length - 1')
|
||||
|
||||
v-card.mt-5
|
||||
.pa-5.pt-3
|
||||
.overline.indigo--text.d-flex.align-center
|
||||
.overline.indigo--text.d-flex.align-center(:class='$vuetify.theme.dark ? `text--lighten-3` : ``')
|
||||
span {{$t('common:page.lastEditedBy')}}
|
||||
v-spacer
|
||||
v-tooltip(top, v-if='isAuthenticated')
|
||||
@@ -85,7 +85,7 @@
|
||||
|
||||
v-card.mt-5(v-if='tags.length > 0 || true')
|
||||
.pa-5
|
||||
.overline.teal--text.pb-2 Tags
|
||||
.overline.teal--text.pb-2(:class='$vuetify.theme.dark ? `text--lighten-3` : ``') Tags
|
||||
v-chip.mr-1(
|
||||
label
|
||||
color='teal lighten-5'
|
||||
@@ -98,7 +98,7 @@
|
||||
|
||||
v-card.mt-5
|
||||
.pa-5
|
||||
.overline.pb-2.yellow--text.text--darken-4 Rating
|
||||
.overline.pb-2.yellow--text(:class='$vuetify.theme.dark ? `text--darken-3` : `text--darken-4`') Rating
|
||||
.text-center
|
||||
v-rating(
|
||||
v-model='rating'
|
||||
|
Reference in New Issue
Block a user