Pārlūkot izejas kodu

[Style 0000] 修改AI助手web弹框下拉框样式

wangkeyi 1 dienu atpakaļ
vecāks
revīzija
0c6db9cea7

+ 16 - 11
src/views/ventAI/manageAssistent/components/resource/WebPreviewPanel.vue

@@ -418,29 +418,34 @@
 </style>
 
 <style lang="less">
-  /* 下拉挂在 body 下,不能用 scoped;与面板深色风格保持一致 */
-  .web-size-dropdown {
-    padding: 4px;
-    border: 1px solid #1a4a6f;
-    border-radius: 6px;
-    background: #0a2a3f;
-    box-shadow: 0 6px 20px rgb(0 0 0 / 42%);
+  /*
+   * 下拉弹层挂在 body 下,scoped 样式够不到,只能写在这里;与面板深色风格保持一致。
+   */
+  .web-size-dropdown.zxm-select-dropdown {
+    padding: 4px !important;
+    border: 1px solid #1a4a6f !important;
+    border-radius: 6px !important;
+    background: #0a2a3f !important;
+    box-shadow: 0 6px 20px rgb(0 0 0 / 42%) !important;
+  }
 
+  .web-size-dropdown {
     .zxm-select-item {
       min-height: 28px;
       padding: 4px 9px;
       border-radius: 4px;
-      color: #c9d1d9;
+      color: #c9d1d9 !important;
+      background: transparent !important;
       font-size: 12px;
     }
 
     .zxm-select-item-option-active:not(.zxm-select-item-option-disabled) {
-      background: rgb(10 132 255 / 12%);
+      background: rgb(10 132 255 / 12%) !important;
     }
 
     .zxm-select-item-option-selected:not(.zxm-select-item-option-disabled) {
-      background: rgb(10 132 255 / 18%);
-      color: #e0e6ed;
+      background: rgb(10 132 255 / 18%) !important;
+      color: #e0e6ed !important;
       font-weight: 400;
     }
   }