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
+10 -8
View File
@@ -3,14 +3,16 @@
<v-col cols="12">
<v-card :class="{ 'disabled': loading }">
<template #title>
<span>{{ $t('Exchange Rates Data') }}</span>
<v-btn density="compact" color="default" variant="text"
class="ml-2" :icon="true"
v-if="!loading" @click="update">
<v-icon :icon="icons.refresh" size="24" />
<v-tooltip activator="parent">{{ $t('Refresh') }}</v-tooltip>
</v-btn>
<v-progress-circular indeterminate size="24" class="ml-2" v-if="loading"></v-progress-circular>
<div class="d-flex align-center">
<span>{{ $t('Exchange Rates Data') }}</span>
<v-btn density="compact" color="default" variant="text"
class="ml-2" :icon="true"
v-if="!loading" @click="update">
<v-icon :icon="icons.refresh" size="24" />
<v-tooltip activator="parent">{{ $t('Refresh') }}</v-tooltip>
</v-btn>
<v-progress-circular indeterminate size="24" class="ml-2" v-if="loading"></v-progress-circular>
</div>
</template>
<v-card-text>
+12 -10
View File
@@ -3,16 +3,18 @@
<v-col cols="12" lg="4" md="12">
<v-card :class="{ 'disabled': loadingOverview }">
<template #title>
<span class="text-2xl font-weight-bold">{{ displayDateRange.thisMonth.displayTime }}</span>
<span>·</span>
<small>{{ $t('Expense') }}</small>
<v-btn density="compact" color="default" variant="text"
class="ml-2" :icon="true"
v-if="!loadingOverview" @click="reload(true)">
<v-icon :icon="icons.refresh" size="24" />
<v-tooltip activator="parent">{{ $t('Refresh') }}</v-tooltip>
</v-btn>
<v-progress-circular indeterminate size="24" class="ml-2" v-if="loadingOverview"></v-progress-circular>
<div class="d-flex align-center">
<span class="text-2xl font-weight-bold">{{ displayDateRange.thisMonth.displayTime }}</span>
<span>·</span>
<small>{{ $t('Expense') }}</small>
<v-btn density="compact" color="default" variant="text"
class="ml-2" :icon="true"
v-if="!loadingOverview" @click="reload(true)">
<v-icon :icon="icons.refresh" size="24" />
<v-tooltip activator="parent">{{ $t('Refresh') }}</v-tooltip>
</v-btn>
<v-progress-circular indeterminate size="24" class="ml-2" v-if="loadingOverview"></v-progress-circular>
</div>
</template>
<v-card-text>
@@ -3,14 +3,16 @@
<v-col cols="12">
<v-card :class="{ 'disabled': loadingDataStatistics }">
<template #title>
<span>{{ $t('Data Management') }}</span>
<v-btn density="compact" color="default" variant="text"
class="ml-2" :icon="true"
v-if="!loadingDataStatistics" @click="reloadUserDataStatistics(true)">
<v-icon :icon="icons.refresh" size="24" />
<v-tooltip activator="parent">{{ $t('Refresh') }}</v-tooltip>
</v-btn>
<v-progress-circular indeterminate size="24" class="ml-2" v-if="loadingDataStatistics"></v-progress-circular>
<div class="d-flex align-center">
<span>{{ $t('Data Management') }}</span>
<v-btn density="compact" color="default" variant="text"
class="ml-2" :icon="true"
v-if="!loadingDataStatistics" @click="reloadUserDataStatistics(true)">
<v-icon :icon="icons.refresh" size="24" />
<v-tooltip activator="parent">{{ $t('Refresh') }}</v-tooltip>
</v-btn>
<v-progress-circular indeterminate size="24" class="ml-2" v-if="loadingDataStatistics"></v-progress-circular>
</div>
</template>
<v-card-text>
@@ -71,14 +71,16 @@
<v-col cols="12">
<v-card :class="{ 'disabled': loadingSession }">
<template #title>
<span>{{ $t('Device & Sessions') }}</span>
<v-btn density="compact" color="default" variant="text"
class="ml-2" :icon="true"
v-if="!loadingSession" @click="reloadSessions">
<v-icon :icon="icons.refresh" size="24" />
<v-tooltip activator="parent">{{ $t('Refresh') }}</v-tooltip>
</v-btn>
<v-progress-circular indeterminate size="24" class="ml-2" v-if="loadingSession"></v-progress-circular>
<div class="d-flex align-center">
<span>{{ $t('Device & Sessions') }}</span>
<v-btn density="compact" color="default" variant="text"
class="ml-2" :icon="true"
v-if="!loadingSession" @click="reloadSessions">
<v-icon :icon="icons.refresh" size="24" />
<v-tooltip activator="parent">{{ $t('Refresh') }}</v-tooltip>
</v-btn>
<v-progress-circular indeterminate size="24" class="ml-2" v-if="loadingSession"></v-progress-circular>
</div>
</template>
<v-table class="text-no-wrap">