zhengchen.tao/ezbookkeeping
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

modify style

Browse Source
This commit is contained in:
MaysWind
2023-07-08 17:51:15 +08:00
parent 1affa83620
commit c1f03a8e75
4 changed files with 42 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/desktop/ExchangeRatesPage.vue
+10 -8
View File
@@ -3,14 +3,16 @@
<v-col cols="12"> <v-col cols="12">
<v-card :class="{ 'disabled': loading }"> <v-card :class="{ 'disabled': loading }">
<template #title> <template #title>
<span>{{ $t('Exchange Rates Data') }}</span> <div class="d-flex align-center">
<v-btn density="compact" color="default" variant="text" <span>{{ $t('Exchange Rates Data') }}</span>
class="ml-2" :icon="true" <v-btn density="compact" color="default" variant="text"
v-if="!loading" @click="update"> class="ml-2" :icon="true"
<v-icon :icon="icons.refresh" size="24" /> v-if="!loading" @click="update">
<v-tooltip activator="parent">{{ $t('Refresh') }}</v-tooltip> <v-icon :icon="icons.refresh" size="24" />
</v-btn> <v-tooltip activator="parent">{{ $t('Refresh') }}</v-tooltip>
<v-progress-circular indeterminate size="24" class="ml-2" v-if="loading"></v-progress-circular> </v-btn>
<v-progress-circular indeterminate size="24" class="ml-2" v-if="loading"></v-progress-circular>
</div>
</template> </template>
<v-card-text> <v-card-text>
src/views/desktop/HomePage.vue
+12 -10
View File
@@ -3,16 +3,18 @@
<v-col cols="12" lg="4" md="12"> <v-col cols="12" lg="4" md="12">
<v-card :class="{ 'disabled': loadingOverview }"> <v-card :class="{ 'disabled': loadingOverview }">
<template #title> <template #title>
<span class="text-2xl font-weight-bold">{{ displayDateRange.thisMonth.displayTime }}</span> <div class="d-flex align-center">
<span>·</span> <span class="text-2xl font-weight-bold">{{ displayDateRange.thisMonth.displayTime }}</span>
<small>{{ $t('Expense') }}</small> <span>·</span>
<v-btn density="compact" color="default" variant="text" <small>{{ $t('Expense') }}</small>
class="ml-2" :icon="true" <v-btn density="compact" color="default" variant="text"
v-if="!loadingOverview" @click="reload(true)"> class="ml-2" :icon="true"
<v-icon :icon="icons.refresh" size="24" /> v-if="!loadingOverview" @click="reload(true)">
<v-tooltip activator="parent">{{ $t('Refresh') }}</v-tooltip> <v-icon :icon="icons.refresh" size="24" />
</v-btn> <v-tooltip activator="parent">{{ $t('Refresh') }}</v-tooltip>
<v-progress-circular indeterminate size="24" class="ml-2" v-if="loadingOverview"></v-progress-circular> </v-btn>
<v-progress-circular indeterminate size="24" class="ml-2" v-if="loadingOverview"></v-progress-circular>
</div>
</template> </template>
<v-card-text> <v-card-text>
src/views/desktop/user/settings/UserDataManagementSettingTab.vue
+10 -8
View File
@@ -3,14 +3,16 @@
<v-col cols="12"> <v-col cols="12">
<v-card :class="{ 'disabled': loadingDataStatistics }"> <v-card :class="{ 'disabled': loadingDataStatistics }">
<template #title> <template #title>
<span>{{ $t('Data Management') }}</span> <div class="d-flex align-center">
<v-btn density="compact" color="default" variant="text" <span>{{ $t('Data Management') }}</span>
class="ml-2" :icon="true" <v-btn density="compact" color="default" variant="text"
v-if="!loadingDataStatistics" @click="reloadUserDataStatistics(true)"> class="ml-2" :icon="true"
<v-icon :icon="icons.refresh" size="24" /> v-if="!loadingDataStatistics" @click="reloadUserDataStatistics(true)">
<v-tooltip activator="parent">{{ $t('Refresh') }}</v-tooltip> <v-icon :icon="icons.refresh" size="24" />
</v-btn> <v-tooltip activator="parent">{{ $t('Refresh') }}</v-tooltip>
<v-progress-circular indeterminate size="24" class="ml-2" v-if="loadingDataStatistics"></v-progress-circular> </v-btn>
<v-progress-circular indeterminate size="24" class="ml-2" v-if="loadingDataStatistics"></v-progress-circular>
</div>
</template> </template>
<v-card-text> <v-card-text>
src/views/desktop/user/settings/UserSecuritySettingTab.vue
+10 -8
View File
@@ -71,14 +71,16 @@
<v-col cols="12"> <v-col cols="12">
<v-card :class="{ 'disabled': loadingSession }"> <v-card :class="{ 'disabled': loadingSession }">
<template #title> <template #title>
<span>{{ $t('Device & Sessions') }}</span> <div class="d-flex align-center">
<v-btn density="compact" color="default" variant="text" <span>{{ $t('Device & Sessions') }}</span>
class="ml-2" :icon="true" <v-btn density="compact" color="default" variant="text"
v-if="!loadingSession" @click="reloadSessions"> class="ml-2" :icon="true"
<v-icon :icon="icons.refresh" size="24" /> v-if="!loadingSession" @click="reloadSessions">
<v-tooltip activator="parent">{{ $t('Refresh') }}</v-tooltip> <v-icon :icon="icons.refresh" size="24" />
</v-btn> <v-tooltip activator="parent">{{ $t('Refresh') }}</v-tooltip>
<v-progress-circular indeterminate size="24" class="ml-2" v-if="loadingSession"></v-progress-circular> </v-btn>
<v-progress-circular indeterminate size="24" class="ml-2" v-if="loadingSession"></v-progress-circular>
</div>
</template> </template>
<v-table class="text-no-wrap"> <v-table class="text-no-wrap">