fix: search dialog style

kirklin · Jan 8, 2024 · 2c01e8f · 2c01e8f · vercel · Jan 8, 2024
1 parent 244997c
commit 2c01e8f
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 7 deletions.
diff --git a/apps/admin/src/component/SearchDialog/src/SearchDialog.vue b/apps/admin/src/component/SearchDialog/src/SearchDialog.vue
@@ -196,12 +196,11 @@ onMounted(() => {
                 {{ group.name }}
               </div>
               <NEl class="group-list">
-                <NEl
+                <div
                   v-for="item of group.items"
                   :id="item.key.toString()"
                   :key="item.key"
-                  tag="button"
-                  class="item flex items-center bg-[var(--modal-color)] my-2"
+                  class="item flex items-center my-2"
                   :class="{ active: item.key === activeItem }"
                   @click="executeAction(item.action)"
                 >
@@ -220,7 +219,7 @@ onMounted(() => {
                   <div class="label">
                     {{ item.label }}
                   </div>
-                </NEl>
+                </div>
               </NEl>
             </div>
             <div v-if="!filteredGroups.length" class="group-empty">
@@ -296,7 +295,8 @@ onMounted(() => {
   font-size: 0.9em;
 }
 .search-dialog .search-dialog-action-bar .content-wrap .group .group-list .item.active {
-  background-color: var(--primary-color-hover);
+  background-color: var(--primary-color-suppl);
+  box-shadow: 0 0 8px 0 var(--primary-color-suppl);
 }
 .search-dialog .search-dialog-action-bar .content-wrap .group .group-list .item:hover {
   box-shadow: 0 0 0 1px var(--primary-color-hover) inset;

diff --git a/...youts/setting/components/SettingDrawer/components/ThemeColor/components/ColorCheckbox.vue b/...youts/setting/components/SettingDrawer/components/ThemeColor/components/ColorCheckbox.vue
@@ -31,7 +31,7 @@ const isWhite = computed(() => isWhiteColor(props.color));
 </script>
 
 <template>
-  <div class="flex justify-center items-center p-0 w-5 h-5 rounded shadow cursor-pointer" :style="{ backgroundColor: color }">
+  <div class="flex justify-center items-center p-0 w-5 h-5 rounded shadow cursor-pointer hover:border" :style="{ backgroundColor: color }">
     <svg v-if="checked" :class="[iconClass, isWhite ? 'text-gray-700' : 'text-white']" />
   </div>
 </template>

diff --git a/packages/web/styles/src/naive-override.css b/packages/web/styles/src/naive-override.css
@@ -3,7 +3,7 @@
 }
 .ca-modal,
 .ca-card.ca-modal[role] {
-	background-color: rgba(var(--modal-color), 0.6);
+	background-color: rgba(var(--modal-color), 0.75);
 	backdrop-filter: blur(20px);
 	max-width: 90%;
 	margin: 10vh auto;