feat(chat): update style

Author: mortalYoung

src/chat/message/index.scss

@@ -74,6 +74,7 @@
     &__icon {
         cursor: pointer;
         color: #8B8FA8;
+        font-size: 16px;
         &:hover {
             color: #0A67F2;
         }

src/chat/message/index.tsx

@@ -108,20 +108,12 @@ export default function Message({
 
     const renderCopyIcon = () => {
         if (copyInfo.disabled) return null;
-        const { formatText, style, ...rest } = copyInfo.options;
+        const { formatText, ...rest } = copyInfo.options;
         const text = formatText?.(record?.content) ?? record?.content;
 
         if (!text) return null;
 
-        return (
-            <Copy
-                className="dtc__message__icon"
-                button={<CopyIcon />}
-                text={text}
-                style={{ fontSize: 16, ...style }}
-                {...rest}
-            />
-        );
+        return <Copy className="dtc__message__icon" button={<CopyIcon />} text={text} {...rest} />;
     };
 
     return (
@@ -178,7 +170,7 @@ export default function Message({
                 )}
             </div>
             {!typing && !loading && (
-                <Space className="dtc__message__iconGroup">
+                <Space className="dtc__message__iconGroup" align="center">
                     {renderCopyIcon()}
                     {typeof messageIcons === 'function'
                         ? messageIcons(record, prompt)
@@ -192,7 +184,7 @@ export default function Message({
                                 className="dtc__message__icon"
                                 onClick={() => onRegenerate?.(record)}
                             >
-                                <ReloadIcon style={{ fontSize: 16 }} />
+                                <ReloadIcon />
                             </span>
                         </Tooltip>
                     )}

src/chat/welcome/index.scss

@@ -1,15 +1,23 @@
+$primaryGradient: #00BAC6 0%, #0067FF 50%, #450FDE 100%;
+
 .dtc__welcome {
-    border-radius: 8px;
-    padding: 12px;
-    border: 1px solid #00BAC6;
-    background:
-        linear-gradient(
-            110deg,
-            rgba(0, 186, 198, 0.05) 0%,
-            rgba(0, 103, 255, 0.05) 50%,
-            rgba(69, 15, 222, 0.05) 100%
-        ),
-        #FFF;
+    overflow: hidden;
+    color: #FFF;
+    background: linear-gradient(110deg, $primaryGradient) border-box;
+    border: 1px solid transparent;
+    &__content {
+        padding: 12px;
+        position: relative;
+        z-index: 2;
+        background:
+            linear-gradient(
+                110deg,
+                rgba(0, 186, 198, 0.05) 0%,
+                rgba(0, 103, 255, 0.05) 50%,
+                rgba(69, 15, 222, 0.05) 100%
+            ),
+            #FFF;
+    }
     &__title {
         color: #3D446E;
         font-size: 20px;

src/chat/welcome/index.tsx

@@ -22,11 +22,13 @@ export default function Welcome({
 }: IWelcomeProps) {
     return (
         <div className={classNames('dtc__welcome', className)} style={style}>
-            <Flex gap={8} align="center">
-                {icon}
-                <span className="dtc__welcome__title">{title}</span>
-            </Flex>
-            <div className="dtc__welcome__description">{description}</div>
+            <div className="dtc__welcome__content">
+                <Flex gap={8} align="center">
+                    {icon}
+                    <span className="dtc__welcome__title">{title}</span>
+                </Flex>
+                <div className="dtc__welcome__description">{description}</div>
+            </div>
         </div>
     );
 }