style: side menu style

src/pages/playground/components/multiple-chat/content-item.tsx

@@ -174,7 +174,7 @@ const ContentItem: React.FC<MessageItemProps> = ({
         <IconFont
           type="icon-assistant-filled"
           className="font-size-16 m-r-5"
-          style={{ color: 'var(--ant-blue-5)' }}
+          style={{ color: 'var(--ant-blue-6)' }}
         />
       );
     }

src/pages/playground/components/multiple-chat/model-item.tsx

@@ -288,7 +288,7 @@ const ModelItem: React.FC<ModelItemProps> = forwardRef((props, ref) => {
             ></Button>
           </Dropdown>
           <Popover
-            placement="bottomRight"
+            autoAdjustOverflow={true}
             overlayInnerStyle={{ width: 384, paddingInline: 0 }}
             content={
               <OverlayScroller

src/pages/playground/style/play-ground.less

@@ -93,7 +93,7 @@
         right: 32px;
         bottom: 0;
         height: 1px;
-        background-color: var(--ant-color-split);
+        border-bottom: 1px solid var(--ant-color-split);
       }
     }
   }

src/pages/playground/style/think-content.less

@@ -10,10 +10,10 @@
 
   .think-content {
     margin-bottom: 8px;
-    padding: 12px;
+    padding: 0 12px;
     border-left: 2px solid var(--ant-color-fill-secondary);
-    background-color: var(--ant-color-fill-tertiary);
+    // background-color: var(--ant-color-fill-tertiary);
     color: var(--ant-color-text-tertiary);
-    border-radius: var(--border-radius-base);
+    // border-radius: var(--border-radius-base);
   }
 }