From a25690c2d311a8e8ead7e927e4a66dbc2ed0716b Mon Sep 17 00:00:00 2001
From: MaysWind <i@mayswind.net>
Date: Mon, 7 Aug 2023 01:31:34 +0800
Subject: [PATCH] modify style

---
 src/components/desktop/ColorSelect.vue                | 11 +++++++----
 src/components/desktop/IconSelect.vue                 |  3 ++-
 .../desktop/categories/list/dialogs/EditDialog.vue    |  2 +-
 3 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/components/desktop/ColorSelect.vue b/src/components/desktop/ColorSelect.vue
index d35ac6f9..3462469b 100644
--- a/src/components/desktop/ColorSelect.vue
+++ b/src/components/desktop/ColorSelect.vue
@@ -1,5 +1,6 @@
 <template>
     <v-select
+        density="comfortable"
         item-title="icon"
         item-value="id"
         persistent-placeholder
@@ -9,8 +10,8 @@
         @update:menu="onMenuStateChanged"
     >
         <template #selection="{ item }">
-            <v-label>
-                <v-icon :icon="icons.square" :color="`#${item.raw}`" />
+            <v-label style="padding-top: 3px">
+                <v-icon size="28" :icon="icons.square" :color="`#${item.raw}`" />
             </v-label>
         </template>
 
@@ -21,11 +22,13 @@
                      :key="idx" v-for="(row, idx) in allColorRows">
                     <div class="text-center" :key="colorInfo.color" v-for="colorInfo in row">
                         <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"
                                      location="bottom right" offset-x="8" offset-y="8" :icon="icons.checked"
                                      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>
                         </div>
                     </div>
diff --git a/src/components/desktop/IconSelect.vue b/src/components/desktop/IconSelect.vue
index d9944413..f77c0604 100644
--- a/src/components/desktop/IconSelect.vue
+++ b/src/components/desktop/IconSelect.vue
@@ -1,5 +1,6 @@
 <template>
     <v-select
+        density="comfortable"
         item-title="icon"
         item-value="id"
         persistent-placeholder
@@ -10,7 +11,7 @@
     >
         <template #selection="{ item }">
             <v-label>
-                <ItemIcon icon-type="category" size="23px" :icon-id="icon" :color="color" />
+                <ItemIcon icon-type="category" :icon-id="icon" :color="color" />
             </v-label>
         </template>
 
diff --git a/src/views/desktop/categories/list/dialogs/EditDialog.vue b/src/views/desktop/categories/list/dialogs/EditDialog.vue
index f4755279..f0632156 100644
--- a/src/views/desktop/categories/list/dialogs/EditDialog.vue
+++ b/src/views/desktop/categories/list/dialogs/EditDialog.vue
@@ -7,7 +7,7 @@
                     <v-progress-circular indeterminate size="22" class="ml-2" v-if="loading"></v-progress-circular>
                 </v-toolbar-title>
             </v-toolbar>
-            <v-card-text class="pa-4 mt-2">
+            <v-card-text class="px-5 pt-7 pb-5">
                 <v-row>
                     <v-col cols="12" md="12">
                         <v-text-field