fix: ux bug

src/pages/playground/style/custom-label.less

@@ -7,7 +7,7 @@
   :global(.label-val) {
     position: absolute;
     top: -14px;
-    right: 26px;
+    right: 2px;
     width: 80px;
     border-radius: 8px;
     text-align: center;

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

@@ -4,15 +4,18 @@
   justify-content: flex-start;
   align-items: flex-start;
   margin-bottom: 12px;
+
   &:hover {
     .delete-btn {
       opacity: 1;
       transition: all 0.3s var(--seal-transition-func);
     }
   }
+
   .role-type {
     margin-right: 12px;
     background-color: var(--ant-button-text-hover-bg);
+
     .ant-btn {
       text-align: left;
       width: 100px;
@@ -20,17 +23,20 @@
       height: 46px;
     }
   }
+
   .message-content-input {
     flex: 1;
+
     .ant-input {
-      padding-right: 30px;
+      padding-right: 40px;
     }
   }
+
   .delete-btn {
     opacity: 0;
     position: absolute;
     top: 2px;
-    right: 0;
+    right: 2px;
     transition: all 0.3s var(--seal-transition-func);
   }
 }

src/pages/playground/style/reference-params.less

@@ -5,4 +5,5 @@
   justify-content: center;
   align-items: center;
   color: var(--ant-orange);
+  gap: 20px;
 }