style: side menu style

src/pages/dashboard/components/usage-inner/index.tsx

@@ -1,5 +1,6 @@
+import { ExportOutlined } from '@ant-design/icons';
 import { useIntl } from '@umijs/max';
-import { Col, DatePicker, Row, Select } from 'antd';
+import { Button, Col, DatePicker, Row, Select, Tooltip } from 'antd';
 import dayjs from 'dayjs';
 import { FC, memo, useContext, useState } from 'react';
 import styled from 'styled-components';
@@ -107,6 +108,14 @@ const UsageInner: FC<{ paddingRight: string }> = ({ paddingRight }) => {
                   })}
                   style={{ width: 160 }}
                 ></Select>
+                <Tooltip
+                  title={intl.formatMessage({ id: 'common.button.export' })}
+                >
+                  <Button
+                    icon={<ExportOutlined />}
+                    onClick={handleExport}
+                  ></Button>
+                </Tooltip>
               </div>
             </FilterWrapper>
           </div>

src/pages/dashboard/components/usage-inner/request-token-inner.tsx

@@ -1,7 +1,6 @@
 import CardWrapper from '@/components/card-wrapper';
 import { SimpleCard } from '@/components/card-wrapper/simple-card';
 import MixLineBar from '@/components/echarts/mix-line-bar';
-import { ExportOutlined } from '@ant-design/icons';
 import { useIntl } from '@umijs/max';
 import { Button } from 'antd';
 import dayjs from 'dayjs';
@@ -79,14 +78,14 @@ const RequestTokenInner: React.FC<RequestTokenInnerProps> = (props) => {
   return (
     <CardWrapperBox>
       <CardWrapper style={{ width: '100%', position: 'relative' }}>
-        <DownloadButton
+        {/* <DownloadButton
           type="link"
           icon={<ExportOutlined />}
           size="small"
           onClick={onExport}
         >
           {intl.formatMessage({ id: 'common.button.export' })}
-        </DownloadButton>
+        </DownloadButton> */}
         <SimpleCard dataList={dataList} height={80}></SimpleCard>
         <MixLineBar
           chartData={{

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);
   }
 }