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-08-07 01:10:07 +08:00
parent c33c0487cf
commit fcc5e522a7
3 changed files with 32 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/desktop/accounts/ListPage.vue
+9 -15
View File
@@ -98,7 +98,7 @@
:key="itemIdx" v-for="itemIdx in [ 1, 2, 3 ]"></v-skeleton-loader> :key="itemIdx" v-for="itemIdx in [ 1, 2, 3 ]"></v-skeleton-loader>
</div> </div>
<v-row class="pl-2 pr-2 pr-md-4" v-if="!loading && !hasAccount(activeAccountCategory)"> <v-row class="pl-5 pr-2 pr-md-4" v-if="!loading && !hasAccount(activeAccountCategory)">
<v-col cols="12"> <v-col cols="12">
{{ $t('No available account') }} {{ $t('No available account') }}
</v-col> </v-col>
@@ -173,24 +173,18 @@
:to="`/transaction/list?accountId=${accountOrSubAccountId(element)}`"> :to="`/transaction/list?accountId=${accountOrSubAccountId(element)}`">
{{ $t('Transaction List') }} {{ $t('Transaction List') }}
</v-btn> </v-btn>
<v-btn class="hover-display px-2 ml-2" density="comfortable" color="default" variant="text" <v-btn class="hover-display px-2 ml-1" density="comfortable" color="default" variant="text"
:disabled="loading"
:prepend-icon="element.hidden ? icons.show : icons.hide"
@click="hide(element, !element.hidden)">
{{ element.hidden ? $t('Show') : $t('Hide') }}
</v-btn>
<v-btn class="hover-display px-2 ml-1" density="comfortable" color="default" variant="text"
:disabled="loading" :prepend-icon="icons.edit" :disabled="loading" :prepend-icon="icons.edit"
@click="edit(element)"> @click="edit(element)">
{{ $t('Edit') }} {{ $t('Edit') }}
</v-btn> </v-btn>
<v-btn class="hover-display px-2 ml-2" density="comfortable" color="default" variant="text" <v-btn class="hover-display px-2 ml-1" density="comfortable" color="default" variant="text"
:disabled="loading" :prepend-icon="icons.hide"
v-if="!element.hidden"
@click="hide(element, true)">
{{ $t('Hide') }}
</v-btn>
<v-btn class="hover-display px-2 ml-2" density="comfortable" color="default" variant="text"
:disabled="loading" :prepend-icon="icons.show"
v-if="element.hidden"
@click="hide(element, false)">
{{ $t('Show') }}
</v-btn>
<v-btn class="hover-display px-2 ml-2" density="comfortable" color="default" variant="text"
:disabled="loading" :prepend-icon="icons.remove" :disabled="loading" :prepend-icon="icons.remove"
@click="remove(element)"> @click="remove(element)">
{{ $t('Delete') }} {{ $t('Delete') }}
src/views/desktop/categories/ListPage.vue
+9 -9
View File
@@ -127,13 +127,6 @@
<v-spacer/> <v-spacer/>
<v-btn class="hover-display px-2" color="default"
density="comfortable" variant="text"
:prepend-icon="icons.edit"
:disabled="loading || updating"
@click="edit(element)">
{{ $t('Edit') }}
</v-btn>
<v-btn class="hover-display px-2 ml-2" color="default" <v-btn class="hover-display px-2 ml-2" color="default"
density="comfortable" variant="text" density="comfortable" variant="text"
:prepend-icon="element.hidden ? icons.show : icons.hide" :prepend-icon="element.hidden ? icons.show : icons.hide"
@@ -142,7 +135,14 @@
@click="hide(element, !element.hidden)"> @click="hide(element, !element.hidden)">
{{ element.hidden ? $t('Show') : $t('Hide') }} {{ element.hidden ? $t('Show') : $t('Hide') }}
</v-btn> </v-btn>
<v-btn class="hover-display px-2 ml-2" color="default" <v-btn class="hover-display px-2" color="default"
density="comfortable" variant="text"
:prepend-icon="icons.edit"
:disabled="loading || updating"
@click="edit(element)">
{{ $t('Edit') }}
</v-btn>
<v-btn class="hover-display px-2" color="default"
density="comfortable" variant="text" density="comfortable" variant="text"
:prepend-icon="icons.remove" :prepend-icon="icons.remove"
:loading="categoryRemoving[element.id]" :loading="categoryRemoving[element.id]"
@@ -150,7 +150,7 @@
@click="remove(element)"> @click="remove(element)">
{{ $t('Delete') }} {{ $t('Delete') }}
</v-btn> </v-btn>
<span> <span class="ml-2">
<v-icon :class="!loading && !updating && availableCategoryCount > 1 ? 'drag-handle' : 'disabled'" <v-icon :class="!loading && !updating && availableCategoryCount > 1 ? 'drag-handle' : 'disabled'"
:icon="icons.drag"/> :icon="icons.drag"/>
<v-tooltip activator="parent" v-if="!loading && !updating && availableCategoryCount > 1">{{ $t('Drag and Drop to Change Order') }}</v-tooltip> <v-tooltip activator="parent" v-if="!loading && !updating && availableCategoryCount > 1">{{ $t('Drag and Drop to Change Order') }}</v-tooltip>
src/views/desktop/tags/ListPage.vue
+14 -14
View File
@@ -104,15 +104,6 @@
<v-spacer/> <v-spacer/>
<v-btn class="hover-display px-2" color="default"
density="comfortable" variant="text"
:prepend-icon="icons.edit"
:loading="tagUpdating[element.id]"
:disabled="loading || updating"
v-if="editingTag.id !== element.id"
@click="edit(element)">
{{ $t('Edit') }}
</v-btn>
<v-btn class="hover-display px-2 ml-2" color="default" <v-btn class="hover-display px-2 ml-2" color="default"
density="comfortable" variant="text" density="comfortable" variant="text"
:prepend-icon="element.hidden ? icons.show : icons.hide" :prepend-icon="element.hidden ? icons.show : icons.hide"
@@ -122,7 +113,16 @@
@click="hide(element, !element.hidden)"> @click="hide(element, !element.hidden)">
{{ element.hidden ? $t('Show') : $t('Hide') }} {{ element.hidden ? $t('Show') : $t('Hide') }}
</v-btn> </v-btn>
<v-btn class="hover-display px-2 ml-2" color="default" <v-btn class="hover-display px-2" color="default"
density="comfortable" variant="text"
:prepend-icon="icons.edit"
:loading="tagUpdating[element.id]"
:disabled="loading || updating"
v-if="editingTag.id !== element.id"
@click="edit(element)">
{{ $t('Edit') }}
</v-btn>
<v-btn class="hover-display px-2" color="default"
density="comfortable" variant="text" density="comfortable" variant="text"
:prepend-icon="icons.remove" :prepend-icon="icons.remove"
:loading="tagRemoving[element.id]" :loading="tagRemoving[element.id]"
@@ -139,14 +139,14 @@
v-if="editingTag.id === element.id" @click="save(editingTag)"> v-if="editingTag.id === element.id" @click="save(editingTag)">
{{ $t('Save') }} {{ $t('Save') }}
</v-btn> </v-btn>
<v-btn class="px-2 ml-2" color="default" <v-btn class="px-2" color="default"
density="comfortable" variant="text" density="comfortable" variant="text"
:prepend-icon="icons.cancel" :prepend-icon="icons.cancel"
:disabled="loading || updating" :disabled="loading || updating"
v-if="editingTag.id === element.id" @click="cancelSave(editingTag)"> v-if="editingTag.id === element.id" @click="cancelSave(editingTag)">
{{ $t('Cancel') }} {{ $t('Cancel') }}
</v-btn> </v-btn>
<span> <span class="ml-2">
<v-icon :class="!loading && !updating && availableTagCount > 1 ? 'drag-handle' : 'disabled'" <v-icon :class="!loading && !updating && availableTagCount > 1 ? 'drag-handle' : 'disabled'"
:icon="icons.drag"/> :icon="icons.drag"/>
<v-tooltip activator="parent" v-if="!loading && !updating && availableTagCount > 1">{{ $t('Drag and Drop to Change Order') }}</v-tooltip> <v-tooltip activator="parent" v-if="!loading && !updating && availableTagCount > 1">{{ $t('Drag and Drop to Change Order') }}</v-tooltip>
@@ -179,14 +179,14 @@
@click="save(newTag)"> @click="save(newTag)">
{{ $t('Save') }} {{ $t('Save') }}
</v-btn> </v-btn>
<v-btn class="px-2 ml-2" color="default" <v-btn class="px-2" color="default"
density="comfortable" variant="text" density="comfortable" variant="text"
:prepend-icon="icons.cancel" :prepend-icon="icons.cancel"
:disabled="loading || updating" :disabled="loading || updating"
@click="cancelSave(newTag)"> @click="cancelSave(newTag)">
{{ $t('Cancel') }} {{ $t('Cancel') }}
</v-btn> </v-btn>
<span> <span class="ml-2">
<v-icon class="disabled" :icon="icons.drag"/> <v-icon class="disabled" :icon="icons.drag"/>
</span> </span>
</div> </div>