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

modify style

Browse Source
This commit is contained in:
MaysWind
2023-07-22 23:04:08 +08:00
parent 35b8d8ca25
commit 9f0657683a
11 changed files with 87 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/desktop/ExchangeRatesPage.vue
+7 -7
View File
@@ -6,19 +6,19 @@
<div>
<div class="mx-6 my-4">
<small>{{ $t('Data source') }}</small>
<p class="text-subtitle-1 mb-2">
<p class="text-body-1 mt-1 mb-3">
<a tabindex="-1" target="_blank" :href="exchangeRatesData.referenceUrl" v-if="!loading && exchangeRatesData && exchangeRatesData.referenceUrl">{{ exchangeRatesData.dataSource }}</a>
<span v-else-if="!loading && exchangeRatesData && !exchangeRatesData.referenceUrl">{{ exchangeRatesData.dataSource }}</span>
<span v-else-if="!loading && !exchangeRatesData">{{ $t('None') }}</span>
<span v-else-if="loading">
<v-skeleton-loader class="exchange-rates-summary-skeleton mt-2 mb-4" type="text" :loading="true"></v-skeleton-loader>
<v-skeleton-loader class="exchange-rates-summary-skeleton mt-3 mb-4" type="text" :loading="true"></v-skeleton-loader>
</span>
</p>
<small v-if="exchangeRatesDataUpdateTime">{{ $t('Last Updated') }}</small>
<p class="text-subtitle-1" v-if="exchangeRatesDataUpdateTime">
<p class="text-body-1 mt-1" v-if="exchangeRatesDataUpdateTime">
<span v-if="!loading">{{ exchangeRatesDataUpdateTime }}</span>
<span v-if="loading">
<v-skeleton-loader class="exchange-rates-summary-skeleton mt-2 mb-6" type="text" :loading="true"></v-skeleton-loader>
<v-skeleton-loader class="exchange-rates-summary-skeleton mt-3 mb-5" type="text" :loading="true"></v-skeleton-loader>
</span>
</p>
</div>
@@ -86,10 +86,10 @@
<tr :key="exchangeRate.currencyCode" v-for="exchangeRate in availableExchangeRates">
<td>
<span>{{ exchangeRate.currencyDisplayName }}</span>
<small class="smaller ml-1">{{ exchangeRate.currencyCode }}</small>
<span class="text-sm">{{ exchangeRate.currencyDisplayName }}</span>
<span class="text-caption ml-1">{{ exchangeRate.currencyCode }}</span>
</td>
<td class="text-right">{{ getDisplayConvertedAmount(exchangeRate) }}</td>
<td class="text-sm text-right">{{ getDisplayConvertedAmount(exchangeRate) }}</td>
</tr>
</tbody>
</v-table>