modify style

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
+2
View File
@@ -3,6 +3,7 @@
<v-col cols="12"> <v-col cols="12">
<v-card :class="{ 'disabled': loading }"> <v-card :class="{ 'disabled': loading }">
<template #title> <template #title>
<div class="d-flex align-center">
<span>{{ $t('Exchange Rates Data') }}</span> <span>{{ $t('Exchange Rates Data') }}</span>
<v-btn density="compact" color="default" variant="text" <v-btn density="compact" color="default" variant="text"
class="ml-2" :icon="true" class="ml-2" :icon="true"
@@ -11,6 +12,7 @@
<v-tooltip activator="parent">{{ $t('Refresh') }}</v-tooltip> <v-tooltip activator="parent">{{ $t('Refresh') }}</v-tooltip>
</v-btn> </v-btn>
<v-progress-circular indeterminate size="24" class="ml-2" v-if="loading"></v-progress-circular> <v-progress-circular indeterminate size="24" class="ml-2" v-if="loading"></v-progress-circular>
</div>
</template> </template>
<v-card-text> <v-card-text>
+2
View File
@@ -3,6 +3,7 @@
<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>
<div class="d-flex align-center">
<span class="text-2xl font-weight-bold">{{ displayDateRange.thisMonth.displayTime }}</span> <span class="text-2xl font-weight-bold">{{ displayDateRange.thisMonth.displayTime }}</span>
<span>·</span> <span>·</span>
<small>{{ $t('Expense') }}</small> <small>{{ $t('Expense') }}</small>
@@ -13,6 +14,7 @@
<v-tooltip activator="parent">{{ $t('Refresh') }}</v-tooltip> <v-tooltip activator="parent">{{ $t('Refresh') }}</v-tooltip>
</v-btn> </v-btn>
<v-progress-circular indeterminate size="24" class="ml-2" v-if="loadingOverview"></v-progress-circular> <v-progress-circular indeterminate size="24" class="ml-2" v-if="loadingOverview"></v-progress-circular>
</div>
</template> </template>
<v-card-text> <v-card-text>
@@ -3,6 +3,7 @@
<v-col cols="12"> <v-col cols="12">
<v-card :class="{ 'disabled': loadingDataStatistics }"> <v-card :class="{ 'disabled': loadingDataStatistics }">
<template #title> <template #title>
<div class="d-flex align-center">
<span>{{ $t('Data Management') }}</span> <span>{{ $t('Data Management') }}</span>
<v-btn density="compact" color="default" variant="text" <v-btn density="compact" color="default" variant="text"
class="ml-2" :icon="true" class="ml-2" :icon="true"
@@ -11,6 +12,7 @@
<v-tooltip activator="parent">{{ $t('Refresh') }}</v-tooltip> <v-tooltip activator="parent">{{ $t('Refresh') }}</v-tooltip>
</v-btn> </v-btn>
<v-progress-circular indeterminate size="24" class="ml-2" v-if="loadingDataStatistics"></v-progress-circular> <v-progress-circular indeterminate size="24" class="ml-2" v-if="loadingDataStatistics"></v-progress-circular>
</div>
</template> </template>
<v-card-text> <v-card-text>
@@ -71,6 +71,7 @@
<v-col cols="12"> <v-col cols="12">
<v-card :class="{ 'disabled': loadingSession }"> <v-card :class="{ 'disabled': loadingSession }">
<template #title> <template #title>
<div class="d-flex align-center">
<span>{{ $t('Device & Sessions') }}</span> <span>{{ $t('Device & Sessions') }}</span>
<v-btn density="compact" color="default" variant="text" <v-btn density="compact" color="default" variant="text"
class="ml-2" :icon="true" class="ml-2" :icon="true"
@@ -79,6 +80,7 @@
<v-tooltip activator="parent">{{ $t('Refresh') }}</v-tooltip> <v-tooltip activator="parent">{{ $t('Refresh') }}</v-tooltip>
</v-btn> </v-btn>
<v-progress-circular indeterminate size="24" class="ml-2" v-if="loadingSession"></v-progress-circular> <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">