modify style

This commit is contained in:
MaysWind
2024-04-05 03:16:27 +08:00
parent 4a16b82700
commit 2a2cb3acc9
35 changed files with 307 additions and 160 deletions
+6 -5
View File
@@ -45,13 +45,14 @@
<v-btn class="ml-3" color="primary" variant="tonal"
:disabled="loading || updating" @click="saveSortResult"
v-if="displayOrderModified">{{ $t('Save Display Order') }}</v-btn>
<v-btn density="compact" color="default" variant="text"
class="ml-2" :icon="true" :disabled="loading || updating"
v-if="!loading" @click="reload">
<v-btn density="compact" color="default" variant="text" size="24"
class="ml-2" :icon="true" :loading="loading || updating" @click="reload">
<template #loader>
<v-progress-circular indeterminate size="20"/>
</template>
<v-icon :icon="icons.refresh" size="24" />
<v-tooltip activator="parent">{{ $t('Refresh') }}</v-tooltip>
</v-btn>
<v-progress-circular indeterminate size="20" class="ml-3" v-if="loading"></v-progress-circular>
<v-spacer/>
<v-btn density="comfortable" color="default" variant="text" class="ml-2"
:disabled="loading || updating" :icon="true">
@@ -73,7 +74,7 @@
<v-table class="transaction-category-table table-striped" :hover="!loading">
<thead>
<tr>
<th class="text-uppercase">
<th>
<div class="d-flex align-center">
<span>{{ $t('Category Name') }}</span>
<v-spacer/>
@@ -3,12 +3,12 @@
<v-card class="pa-2 pa-sm-4 pa-md-8">
<template #title>
<div class="d-flex align-center justify-center">
<h5 class="text-h5">{{ $t(title) }}</h5>
<h4 class="text-h4">{{ $t(title) }}</h4>
<v-progress-circular indeterminate size="22" class="ml-2" v-if="loading"></v-progress-circular>
</div>
</template>
<v-card-text>
<v-form class="mt-2 mt-md-6">
<v-card-text class="pt-0">
<v-form class="mt-md-6">
<v-row>
<v-col cols="12" md="12">
<v-text-field
@@ -47,7 +47,7 @@
/>
</v-col>
<v-col class="py-0" cols="12" md="12" v-if="editCategoryId">
<v-switch inset :disabled="loading || submitting"
<v-switch :disabled="loading || submitting"
:label="$t('Visible')" v-model="category.visible"/>
</v-col>
</v-row>
@@ -3,10 +3,10 @@
<v-card class="pa-2 pa-sm-4 pa-md-8">
<template #title>
<div class="d-flex align-center justify-center">
<h5 class="text-h5">{{ $t('Default Categories') }}</h5>
<h4 class="text-h4">{{ $t('Default Categories') }}</h4>
</div>
</template>
<v-card-text class="preset-transaction-categories mt-0 mt-sm-2 mt-md-4 pb-4">
<v-card-text class="preset-transaction-categories mt-sm-2 mt-md-4 pt-0">
<template :key="categoryType" v-for="(categories, categoryType) in allPresetCategories">
<div class="d-flex align-center mb-1">
<h4>{{ getCategoryTypeName(categoryType) }}</h4>