fix(Workspace): Optimized display style

Author: dataeaseShu

frontend/src/views/chat/ChatList.vue

@@ -219,7 +219,7 @@ const handleConfirmPassword = () => {
             @click="onClickHistory(chat)"
           >
             <span class="title">{{ chat.brief ?? 'Untitled' }}</span>
-            <el-popover :teleported="false" popper-class="popover-card" placement="bottom">
+            <el-popover :teleported="false" popper-class="popover-card_chat" placement="bottom">
               <template #reference>
                 <el-icon
                   class="more"
@@ -397,7 +397,7 @@ const handleConfirmPassword = () => {
 </style>
 
 <style lang="less">
-.popover-card.popover-card.popover-card {
+.popover-card_chat.popover-card_chat.popover-card_chat {
   box-shadow: 0px 4px 8px 0px #1f23291a;
   border-radius: 4px;
   border: 1px solid #dee0e3;

frontend/src/views/chat/ChatListContainer.vue

@@ -230,6 +230,7 @@ function onChatRenamed(chat: Chat) {
         {{ t('qa.new_chat') }}
       </el-button>
       <el-input
+        @click.stop
         v-model="search"
         :prefix-icon="Search"
         class="search"

frontend/src/views/ds/Card.vue

@@ -126,7 +126,7 @@ const onClickOutside = () => {
           virtual-triggering
           trigger="click"
           :teleported="false"
-          popper-class="popover-card"
+          popper-class="popover-card_ds"
           placement="bottom-end"
         >
           <div class="content">
@@ -273,7 +273,7 @@ const onClickOutside = () => {
 </style>
 
 <style lang="less">
-.popover-card.popover-card.popover-card {
+.popover-card_ds.popover-card_ds.popover-card_ds {
   box-shadow: 0px 4px 8px 0px #1f23291a;
   border-radius: 4px;
   border: 1px solid #dee0e3;

frontend/src/views/system/embedded/Card.vue

@@ -117,7 +117,7 @@ const pageLogo = computed(() => {
         virtual-triggering
         trigger="click"
         :teleported="false"
-        popper-class="popover-card"
+        popper-class="popover-card_embedded"
         placement="bottom-start"
       >
         <div class="content">
@@ -256,7 +256,7 @@ const pageLogo = computed(() => {
 </style>
 
 <style lang="less">
-.popover-card.popover-card.popover-card {
+.popover-card_embedded.popover-card_embedded.popover-card_embedded {
   box-shadow: 0px 4px 8px 0px #1f23291a;
   border-radius: 4px;
   border: 1px solid #dee0e3;

frontend/src/views/system/embedded/DsCard.vue

@@ -211,7 +211,7 @@ const handlePublic = () => {
 </style>
 
 <style lang="less">
-.popover-card.popover-card.popover-card {
+.popover-card_ds_copy.popover-card_ds_copy.popover-card_ds_copy {
   box-shadow: 0px 4px 8px 0px #1f23291a;
   border-radius: 4px;
   border: 1px solid #dee0e3;

frontend/src/views/system/workspace/index.vue

@@ -350,7 +350,7 @@ const handleCurrentChange = (val: number) => {
             <el-popover
               trigger="click"
               :teleported="false"
-              popper-class="popover-card"
+              popper-class="popover-card_workspack"
               placement="bottom"
             >
               <template #reference>
@@ -868,7 +868,7 @@ const handleCurrentChange = (val: number) => {
 }
 </style>
 <style lang="less">
-.popover-card.popover-card.popover-card {
+.popover-card_workspack.popover-card_workspack.popover-card_workspack {
   box-shadow: 0px 4px 8px 0px #1f23291a;
   border-radius: 4px;
   border: 1px solid #dee0e3;