mirror/ezbookkeeping
1
0
Fork 0
mirror of https://github.com/mayswind/ezbookkeeping.git synced 2026-05-20 01:34:24 +08:00
Code Issues Packages Projects Releases Wiki Activity

modify account overview card background color in dark mode

Browse Source
This commit is contained in:
MaysWind
2020-12-20 17:19:09 +08:00
parent f0470b321b
commit a37de5a496
1 changed files with 9 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/mobile/accounts/List.vue
+9 -1
View File
@@ -10,7 +10,7 @@
</f7-nav-right> </f7-nav-right>
</f7-navbar> </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;"> <f7-card-header class="display-block" style="padding-top: 100px;">
<small :style="{ opacity: 0.6 }">{{ loading ? 'Net assets' : $t('Net assets') }}</small><br /> <small :style="{ opacity: 0.6 }">{{ loading ? 'Net assets' : $t('Net assets') }}</small><br />
<span class="net-assets" v-if="loading">0.00 USD</span> <span class="net-assets" v-if="loading">0.00 USD</span>
@@ -636,6 +636,14 @@ export default {
</script> </script>
<style> <style>
.account-overview-card {
background-color: var(--f7-color-yellow);
}
.theme-dark .account-overview-card {
background-color: var(--f7-theme-color);
}
.net-assets { .net-assets {
font-size: 1.5em; font-size: 1.5em;
} }