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

modify style

Browse Source
This commit is contained in:
MaysWind
2021-01-11 00:38:05 +08:00
parent 5c59ccd226
commit 54296d9404
1 changed files with 13 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/mobile/Home.vue
+13 -5
View File
@@ -7,11 +7,15 @@
<f7-card class="home-summary-card" :class="{ 'skeleton-text': loading }"> <f7-card class="home-summary-card" :class="{ 'skeleton-text': loading }">
<f7-card-header class="display-block" style="padding-top: 120px;"> <f7-card-header class="display-block" style="padding-top: 120px;">
<p class="no-margin"> <p class="no-margin">
<span :style="{ opacity: 0.6 }" v-if="loading">MM·Expense</span> <span :style="{ opacity: 0.6 }" v-if="loading">
<span :style="{ opacity: 0.6 }" v-else-if="!loading"> <span class="home-summary-month">MM</span>
<span>{{ dateRange.thisMonth.startTime | moment('MMMM') | monthNameLocalizedKey | t }}</span>
<span>·</span> <span>·</span>
<span>{{ $t('Expense') }}</span> <small>Expense</small>
</span>
<span :style="{ opacity: 0.6 }" v-else-if="!loading">
<span class="home-summary-month">{{ dateRange.thisMonth.startTime | moment('MMMM') | monthNameLocalizedKey | t }}</span>
<span>·</span>
<small>{{ $t('Expense') }}</small>
</span> </span>
</p> </p>
<p class="no-margin"> <p class="no-margin">
@@ -296,11 +300,15 @@ export default {
background-color: var(--f7-color-yellow); background-color: var(--f7-color-yellow);
} }
.home-summary-card .home-summary-month {
font-size: 1.3em;
}
.home-summary-card .month-expense { .home-summary-card .month-expense {
font-size: 1.5em; font-size: 1.5em;
} }
.home-summary-misc { .home-summary-card .home-summary-misc {
opacity: 0.6; opacity: 0.6;
} }