chore: add css classes on page sidebar cards
This commit is contained in:
parent
0a2a32db47
commit
ca2f7aaf73
@ -75,7 +75,7 @@
|
|||||||
v-container.pl-5.pt-4(fluid, grid-list-xl)
|
v-container.pl-5.pt-4(fluid, grid-list-xl)
|
||||||
v-layout(row)
|
v-layout(row)
|
||||||
v-flex.page-col-sd(lg3, xl2, v-if='$vuetify.breakpoint.lgAndUp')
|
v-flex.page-col-sd(lg3, xl2, v-if='$vuetify.breakpoint.lgAndUp')
|
||||||
v-card.mb-5(v-if='tocDecoded.length')
|
v-card.page-toc-card.mb-5(v-if='tocDecoded.length')
|
||||||
.overline.pa-5.pb-0(:class='$vuetify.theme.dark ? `blue--text text--lighten-2` : `primary--text`') {{$t('common:page.toc')}}
|
.overline.pa-5.pb-0(:class='$vuetify.theme.dark ? `blue--text text--lighten-2` : `primary--text`') {{$t('common:page.toc')}}
|
||||||
v-list.pb-3(dense, nav, :class='$vuetify.theme.dark ? `darken-3-d3` : ``')
|
v-list.pb-3(dense, nav, :class='$vuetify.theme.dark ? `darken-3-d3` : ``')
|
||||||
template(v-for='(tocItem, tocIdx) in tocDecoded')
|
template(v-for='(tocItem, tocIdx) in tocDecoded')
|
||||||
@ -89,7 +89,7 @@
|
|||||||
v-list-item-title.px-3.caption.grey--text(:class='$vuetify.theme.dark ? `text--lighten-1` : `text--darken-1`') {{tocSubItem.title}}
|
v-list-item-title.px-3.caption.grey--text(:class='$vuetify.theme.dark ? `text--lighten-1` : `text--darken-1`') {{tocSubItem.title}}
|
||||||
//- v-divider(inset, v-if='tocIdx < toc.length - 1')
|
//- v-divider(inset, v-if='tocIdx < toc.length - 1')
|
||||||
|
|
||||||
v-card.mb-5(v-if='tags.length > 0')
|
v-card.page-tags-card.mb-5(v-if='tags.length > 0')
|
||||||
.pa-5
|
.pa-5
|
||||||
.overline.teal--text.pb-2(:class='$vuetify.theme.dark ? `text--lighten-3` : ``') {{$t('common:page.tags')}}
|
.overline.teal--text.pb-2(:class='$vuetify.theme.dark ? `text--lighten-3` : ``') {{$t('common:page.tags')}}
|
||||||
v-chip.mr-1.mb-1(
|
v-chip.mr-1.mb-1(
|
||||||
@ -109,7 +109,7 @@
|
|||||||
)
|
)
|
||||||
v-icon(:color='$vuetify.theme.dark ? `teal lighten-3` : `teal`', size='20') mdi-tag-multiple
|
v-icon(:color='$vuetify.theme.dark ? `teal lighten-3` : `teal`', size='20') mdi-tag-multiple
|
||||||
|
|
||||||
v-card.mb-5(v-if='commentsEnabled && commentsPerms.read')
|
v-card.page-comments-card.mb-5(v-if='commentsEnabled && commentsPerms.read')
|
||||||
.pa-5
|
.pa-5
|
||||||
.overline.pb-2.blue-grey--text.d-flex.align-center(:class='$vuetify.theme.dark ? `text--lighten-3` : `text--darken-2`')
|
.overline.pb-2.blue-grey--text.d-flex.align-center(:class='$vuetify.theme.dark ? `text--lighten-3` : `text--darken-2`')
|
||||||
span {{$t('common:comments.sdTitle')}}
|
span {{$t('common:comments.sdTitle')}}
|
||||||
@ -145,7 +145,7 @@
|
|||||||
v-icon(:color='$vuetify.theme.dark ? `blue-grey lighten-1` : `blue-grey darken-2`', dense) mdi-comment-plus
|
v-icon(:color='$vuetify.theme.dark ? `blue-grey lighten-1` : `blue-grey darken-2`', dense) mdi-comment-plus
|
||||||
span {{$t('common:comments.newComment')}}
|
span {{$t('common:comments.newComment')}}
|
||||||
|
|
||||||
v-card.mb-5
|
v-card.page-author-card.mb-5
|
||||||
.pa-5
|
.pa-5
|
||||||
.overline.indigo--text.d-flex(:class='$vuetify.theme.dark ? `text--lighten-3` : ``')
|
.overline.indigo--text.d-flex(:class='$vuetify.theme.dark ? `text--lighten-3` : ``')
|
||||||
span {{$t('common:page.lastEditedBy')}}
|
span {{$t('common:page.lastEditedBy')}}
|
||||||
@ -162,8 +162,8 @@
|
|||||||
)
|
)
|
||||||
v-icon(color='indigo', dense) mdi-history
|
v-icon(color='indigo', dense) mdi-history
|
||||||
span {{$t('common:header.history')}}
|
span {{$t('common:header.history')}}
|
||||||
.body-2.grey--text(:class='$vuetify.theme.dark ? `` : `text--darken-3`') {{ authorName }}
|
.page-author-card-name.body-2.grey--text(:class='$vuetify.theme.dark ? `` : `text--darken-3`') {{ authorName }}
|
||||||
.caption.grey--text.text--darken-1 {{ updatedAt | moment('calendar') }}
|
.page-author-card-date.caption.grey--text.text--darken-1 {{ updatedAt | moment('calendar') }}
|
||||||
|
|
||||||
//- v-card.mb-5
|
//- v-card.mb-5
|
||||||
//- .pa-5
|
//- .pa-5
|
||||||
@ -178,7 +178,7 @@
|
|||||||
//- )
|
//- )
|
||||||
//- .caption.grey--text 5 votes
|
//- .caption.grey--text 5 votes
|
||||||
|
|
||||||
v-card(flat)
|
v-card.page-shortcuts-card(flat)
|
||||||
v-toolbar(:color='$vuetify.theme.dark ? `grey darken-4-d3` : `grey lighten-3`', flat, dense)
|
v-toolbar(:color='$vuetify.theme.dark ? `grey darken-4-d3` : `grey lighten-3`', flat, dense)
|
||||||
v-spacer
|
v-spacer
|
||||||
v-tooltip(bottom)
|
v-tooltip(bottom)
|
||||||
|
Loading…
Reference in New Issue
Block a user