Browse Source

fix: 修复AI输入框样式冲突

何文松 4 weeks ago
parent
commit
ac8a8f8966
1 changed files with 15 additions and 13 deletions
  1. 15 13
      frontend/vue-demo/src/assets/main.scss

+ 15 - 13
frontend/vue-demo/src/assets/main.scss

@@ -285,23 +285,25 @@ body {
   border-left: 3px solid var(--primary);
 }
 
+// AI 输入框包装器(原生 input 使用)
 .ai-input-wrap {
   position: relative;
   margin-bottom: 14px;
-}
-
-.ai-input {
-  width: 100%;
-  height: 46px;
-  padding: 0 100px 0 18px;
-  border: 2px solid var(--border);
-  border-radius: 23px;
-  font-size: 14px;
-  outline: none;
-  transition: all 0.3s;
   
-  &:focus {
-    border-color: var(--primary);
+  // 原生 input 元素样式
+  > input.ai-input-native {
+    width: 100%;
+    height: 46px;
+    padding: 0 100px 0 18px;
+    border: 2px solid var(--border);
+    border-radius: 23px;
+    font-size: 14px;
+    outline: none;
+    transition: all 0.3s;
+    
+    &:focus {
+      border-color: var(--primary);
+    }
   }
 }