modify style

mayswind · Aug 6, 2023 · a25690c · a25690c
1 parent 6b6b9c6
commit a25690c
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 6 deletions.
diff --git 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
@@ -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
@@ -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