fix: UI improvements

This commit is contained in:
Nick 2019-07-20 22:44:41 -04:00
parent 0c6472ab85
commit 006fd59e2a
3 changed files with 17 additions and 4 deletions

View File

@ -53,7 +53,7 @@
.body-2(v-if='isLatestVersion') {{$t('admin:dashboard.versionLatest')}} .body-2(v-if='isLatestVersion') {{$t('admin:dashboard.versionLatest')}}
.body-2(v-else) {{$t('admin:dashboard.versionNew', { version: info.latestVersion })}} .body-2(v-else) {{$t('admin:dashboard.versionNew', { version: info.latestVersion })}}
v-flex(xs12, xl6) v-flex(xs12, xl6)
v-card.radius-7 v-card.radius-7.animated.fadeInUp.wait-p2s
v-card-title.subheading(:class='$vuetify.dark ? `grey darken-2` : `grey lighten-5`') Recent Pages v-card-title.subheading(:class='$vuetify.dark ? `grey darken-2` : `grey lighten-5`') Recent Pages
v-data-table.pb-2( v-data-table.pb-2(
:items='recentPages' :items='recentPages'
@ -70,7 +70,7 @@
.caption: strong Updated {{ props.item.updatedAt | moment('from') }} .caption: strong Updated {{ props.item.updatedAt | moment('from') }}
.caption Created {{ props.item.createdAt | moment('calendar') }} .caption Created {{ props.item.createdAt | moment('calendar') }}
v-flex(xs12, xl6) v-flex(xs12, xl6)
v-card.radius-7 v-card.radius-7.animated.fadeInUp.wait-p4s
v-card-title.subheading(:class='$vuetify.dark ? `grey darken-2` : `grey lighten-5`') Most Popular Pages v-card-title.subheading(:class='$vuetify.dark ? `grey darken-2` : `grey lighten-5`') Most Popular Pages
v-data-table.pb-2( v-data-table.pb-2(
:items='popularPages' :items='popularPages'
@ -88,7 +88,7 @@
.caption Created {{ props.item.createdAt | moment('calendar') }} .caption Created {{ props.item.createdAt | moment('calendar') }}
v-flex(xs12) v-flex(xs12)
v-card.dashboard-contribute v-card.dashboard-contribute.animated.fadeInUp.wait-p4s
v-card-text v-card-text
img(src='/svg/icon-heart-health.svg', alt='Contribute', style='height: 80px;') img(src='/svg/icon-heart-health.svg', alt='Contribute', style='height: 80px;')
.pl-3 .pl-3

View File

@ -1,7 +1,6 @@
html { html {
box-sizing: border-box; box-sizing: border-box;
height: 100%; height: 100%;
background-color: mc('grey', '900');
} }
*, *:before, *:after { *, *:before, *:after {
box-sizing: inherit; box-sizing: inherit;

View File

@ -616,6 +616,20 @@
} }
} }
@at-root .theme--dark & {
background-color: mc('grey', '900');
border-color: mc('grey', '700');
summary {
background-color: mc('grey', '900');
border-color: mc('grey', '700');
}
&[open] summary {
background-color: lighten(mc('grey', '900'), 5%);
}
}
} }
} }