From 455e48f7920a7bee5c41a65639b1244af36646c3 Mon Sep 17 00:00:00 2001
From: Soybean <soybeanjs@outlook.com>
Date: Mon, 18 Mar 2024 07:38:21 +0800
Subject: [PATCH] fix(projects): fix class name conflict with unocss icon

---
 .../global-search/components/search-footer.vue       | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/layouts/modules/global-search/components/search-footer.vue b/src/layouts/modules/global-search/components/search-footer.vue
index b4089e0d7..dec512f2a 100644
--- a/src/layouts/modules/global-search/components/search-footer.vue
+++ b/src/layouts/modules/global-search/components/search-footer.vue
@@ -7,30 +7,30 @@ defineOptions({ name: 'SearchFooter' });
 <template>
   <div class="h-44px flex-y-center gap-14px px-24px">
     <span class="flex-y-center">
-      <icon-mdi-keyboard-return class="icon-shadow icon-item" />
+      <icon-mdi-keyboard-return class="operate-shadow operate-item" />
       <span>{{ $t('common.confirm') }}</span>
     </span>
     <span class="flex-y-center">
-      <icon-mdi-arrow-up-thin class="icon-shadow icon-item" />
-      <icon-mdi-arrow-down-thin class="icon-shadow icon-item" />
+      <icon-mdi-arrow-up-thin class="operate-shadow operate-item" />
+      <icon-mdi-arrow-down-thin class="operate-shadow operate-item" />
       <span>{{ $t('common.switch') }}</span>
     </span>
     <span class="flex-y-center">
-      <icon-mdi-keyboard-esc class="icon-shadow icon-item" />
+      <icon-mdi-keyboard-esc class="operate-shadow operate-item" />
       <span>{{ $t('common.close') }}</span>
     </span>
   </div>
 </template>
 
 <style lang="scss" scoped>
-.icon-shadow {
+.operate-shadow {
   box-shadow:
     inset 0 -2px #cdcde6,
     inset 0 0 1px 1px #fff,
     0 1px 2px 1px #1e235a66;
 }
 
-.icon-item {
+.operate-item {
   --at-apply: mr-6px p-2px text-20px;
 }
 </style>