modify account overview card background color in dark mode

This commit is contained in:
MaysWind
2020-12-20 17:19:09 +08:00
parent f0470b321b
commit a37de5a496
+9 -1
View File
@@ -10,7 +10,7 @@
</f7-nav-right>
</f7-navbar>
<f7-card :class="{ 'bg-color-yellow': true, 'skeleton-text': loading }">
<f7-card class="account-overview-card" :class="{ 'skeleton-text': loading }">
<f7-card-header class="display-block" style="padding-top: 100px;">
<small :style="{ opacity: 0.6 }">{{ loading ? 'Net assets' : $t('Net assets') }}</small><br />
<span class="net-assets" v-if="loading">0.00 USD</span>
@@ -636,6 +636,14 @@ export default {
</script>
<style>
.account-overview-card {
background-color: var(--f7-color-yellow);
}
.theme-dark .account-overview-card {
background-color: var(--f7-theme-color);
}
.net-assets {
font-size: 1.5em;
}