mirror/ezbookkeeping
1
0
Fork 0
mirror of https://github.com/mayswind/ezbookkeeping.git synced 2026-05-20 01:34:24 +08:00
Code Issues Packages Projects Releases Wiki Activity

modify style

Browse Source
This commit is contained in:
MaysWind
2023-08-07 01:31:34 +08:00
parent 6b6b9c61d7
commit a25690c2d3
3 changed files with 10 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/desktop/ColorSelect.vue
+7 -4
View File
@@ -1,5 +1,6 @@
<template> <template>
<v-select <v-select
density="comfortable"
item-title="icon" item-title="icon"
item-value="id" item-value="id"
persistent-placeholder persistent-placeholder
@@ -9,8 +10,8 @@
@update:menu="onMenuStateChanged" @update:menu="onMenuStateChanged"
> >
<template #selection="{ item }"> <template #selection="{ item }">
<v-label> <v-label style="padding-top: 3px">
<v-icon :icon="icons.square" :color="`#${item.raw}`" /> <v-icon size="28" :icon="icons.square" :color="`#${item.raw}`" />
</v-label> </v-label>
</template> </template>
@@ -21,11 +22,13 @@
:key="idx" v-for="(row, idx) in allColorRows"> :key="idx" v-for="(row, idx) in allColorRows">
<div class="text-center" :key="colorInfo.color" v-for="colorInfo in row"> <div class="text-center" :key="colorInfo.color" v-for="colorInfo in row">
<div class="cursor-pointer" @click="color = colorInfo.color"> <div class="cursor-pointer" @click="color = colorInfo.color">
<v-icon class="ma-2" :icon="icons.square" :color="`#${colorInfo.color}`" v-if="!modelValue || modelValue !== colorInfo.color" /> <v-icon class="ma-2" size="28"
:icon="icons.square" :color="`#${colorInfo.color}`"
v-if="!modelValue || modelValue !== colorInfo.color" />
<v-badge class="right-bottom-icon" color="primary" <v-badge class="right-bottom-icon" color="primary"
location="bottom right" offset-x="8" offset-y="8" :icon="icons.checked" location="bottom right" offset-x="8" offset-y="8" :icon="icons.checked"
v-if="modelValue && modelValue === colorInfo.color"> v-if="modelValue && modelValue === colorInfo.color">
<v-icon class="ma-2" :icon="icons.square" :color="`#${colorInfo.color}`" /> <v-icon class="ma-2" size="28" :icon="icons.square" :color="`#${colorInfo.color}`" />
</v-badge> </v-badge>
</div> </div>
</div> </div>
src/components/desktop/IconSelect.vue
+2 -1
View File
@@ -1,5 +1,6 @@
<template> <template>
<v-select <v-select
density="comfortable"
item-title="icon" item-title="icon"
item-value="id" item-value="id"
persistent-placeholder persistent-placeholder
@@ -10,7 +11,7 @@
> >
<template #selection="{ item }"> <template #selection="{ item }">
<v-label> <v-label>
<ItemIcon icon-type="category" size="23px" :icon-id="icon" :color="color" /> <ItemIcon icon-type="category" :icon-id="icon" :color="color" />
</v-label> </v-label>
</template> </template>
src/views/desktop/categories/list/dialogs/EditDialog.vue
+1 -1
View File
@@ -7,7 +7,7 @@
<v-progress-circular indeterminate size="22" class="ml-2" v-if="loading"></v-progress-circular> <v-progress-circular indeterminate size="22" class="ml-2" v-if="loading"></v-progress-circular>
</v-toolbar-title> </v-toolbar-title>
</v-toolbar> </v-toolbar>
<v-card-text class="pa-4 mt-2"> <v-card-text class="px-5 pt-7 pb-5">
<v-row> <v-row>
<v-col cols="12" md="12"> <v-col cols="12" md="12">
<v-text-field <v-text-field