智能导入

src/publish_pages/publishBall/components/AiImportPopup/index.module.scss

@@ -57,7 +57,7 @@
 
     .textArea {
       width: 100%;
-      min-height: 80px;
+      min-height: 120px;
       padding: 12px;
       border: 1px solid #e5e6eb;
       border-radius: 8px;
@@ -67,9 +67,10 @@
       box-sizing: border-box;
       resize: none;
 
-      &:focus {
-        border-color: #165dff;
-        outline: none;
+      .textArea_placeholder{
+        color: rgba(60, 60, 67, 0.30);
+        font-size: 14px;
+        line-height: 24px;
       }
     }
 
@@ -90,17 +91,15 @@
 
     .imageRecognitionButton {
       display: flex;
+      height: 40px;
+      padding: 2px 16px;
+      justify-content: center;
       align-items: center;
-      gap: 8px;
-      padding: 12px;
-      background: #f8f9fa;
-      border-radius: 8px;
-      cursor: pointer;
-      transition: background-color 0.2s;
-
-      &:active {
-        background: #e9ecef;
-      }
+      gap: 6px;
+      align-self: stretch;
+      border-radius: 999px;
+      border: 0.5px solid rgba(0, 0, 0, 0.16);
+      background: #FFF;
 
       .cameraIcon {
         width: 16px;
@@ -115,10 +114,15 @@
 
       .imageRecognitionDesc {
         font-size: 12px;
-        color: #8a8a8a;
-        margin-left: auto;
+        color: rgba(0, 0, 0, 0.35);
       }
     }
+    .uploadLoadingContainer{
+      border-radius: 999px;
+      border: 0.5px solid rgba(0, 0, 0, 0.16);
+      background: rgba(52, 199, 89, 0.10);
+      display: flex;
+    }
   }
 
   .bottomButtons {
@@ -161,21 +165,25 @@
       gap: 6px;
       cursor: pointer;
       transition: all 0.2s;
-
+      .loadingContainer{
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        gap: 6px;
+      }
       &:active {
         background: #333;
       }
 
       .clipboardIcon {
-        width: 16px;
-        height: 16px;
-        filter: invert(1);
+        width: 20px;
+        height: 20px;
       }
 
       .pasteButtonText {
-        font-size: 14px;
+        font-size: 16px;
         color: #fff;
-        font-weight: 500;
+        font-weight: 600;
       }
     }
   }