style: upload image in message input

src/pages/playground/style/message-item.less

@@ -20,15 +20,28 @@
       text-align: left;
       width: 100px;
       background-color: var(--ant-button-text-hover-bg);
-      height: 46px;
+      height: 54px;
     }
   }
 
   .message-content-input {
     flex: 1;
+    cursor: pointer;
 
-    .ant-input {
-      padding-right: 40px;
+    &.has-img {
+      border: 1px solid var(--ant-color-fill-secondary);
+      border-radius: var(--border-radius-base);
+      overflow: hidden;
+
+      .ant-input {
+        border-radius: 0 0 var(--border-radius-base) var(--border-radius-base);
+        border-color: transparent;
+        background-color: transparent;
+      }
+
+      &:focus-within {
+        border-color: var(--ant-color-primary);
+      }
     }
   }
 

src/pages/playground/style/thumb-img.less

@@ -11,10 +11,10 @@
     overflow: hidden;
     border-radius: var(--border-radius-base);
     cursor: pointer;
-    background-position: center;
-    background-size: cover;
-    background-repeat: no-repeat;
-    border: 1px solid var(--ant-color-border);
+    // background-position: center;
+    // background-size: cover;
+    // background-repeat: no-repeat;
+    // border: 1px solid var(--ant-color-border);
   }
 
   .del {
@@ -37,6 +37,8 @@
 }
 
 .thumb-list-wrap {
+  display: flex;
+  gap: 10px;
+  flex-wrap: wrap;
   padding: 10px;
-  // background-color: var(--color-fill-1);
 }