style(font): font size 14

src/components/icon-font/index.tsx

@@ -2,7 +2,7 @@ import { createFromIconfontCN } from '@ant-design/icons';
 // import './iconfont/iconfont.js';
 
 const IconFont = createFromIconfontCN({
-  scriptUrl: '//at.alicdn.com/t/c/font_4613488_ivr9tor4zfm.js'
+  scriptUrl: '//at.alicdn.com/t/c/font_4613488_f316s64919m.js'
 });
 
 export default IconFont;

src/components/seal-table/components/row-prefix.tsx

@@ -1,4 +1,4 @@
-import { DownOutlined, RightOutlined } from '@ant-design/icons';
+import IconFont from '@/components/icon-font';
 import { Button, Checkbox } from 'antd';
 import _ from 'lodash';
 import React from 'react';
@@ -28,7 +28,11 @@ const RowPrefix: React.FC<RowPrefixProps> = (props) => {
         <span style={{ marginRight: 5 }}>
           {_.isBoolean(expandable) ? (
             <Button type="text" size="small" onClick={handleRowExpand}>
-              {expanded ? <DownOutlined /> : <RightOutlined />}
+              <IconFont
+                type="icon-down"
+                rotate={expanded ? 0 : -90}
+                className="size-14"
+              ></IconFont>
             </Button>
           ) : (
             expandable
@@ -43,7 +47,11 @@ const RowPrefix: React.FC<RowPrefixProps> = (props) => {
       <div className="row-prefix-wrapper">
         {_.isBoolean(expandable) ? (
           <Button type="text" size="small" onClick={handleRowExpand}>
-            {expanded ? <DownOutlined /> : <RightOutlined />}
+            <IconFont
+              type="icon-down"
+              rotate={expanded ? 0 : -90}
+              className="size-14"
+            ></IconFont>
           </Button>
         ) : (
           expandable

src/components/status-tag/index.less

@@ -8,7 +8,7 @@
   min-width: 76px;
   width: max-content;
   height: 24px;
-  font-size: var(--font-size-base);
+  font-size: var(--font-size-small);
   overflow: hidden;
 
   .txt {

src/config/theme.ts

@@ -9,11 +9,15 @@ export default {
     },
     Table: {
       cellFontSize: 14,
-      rowSelectedHoverBg: 'rgba(230, 230, 230, 0.88)',
-      rowSelectedBg: 'rgb(244, 245, 244)'
+      rowSelectedHoverBg: 'rgb(249 249 249)',
+      rowHoverBg: 'rgb(249 249 249)',
+      rowSelectedBg: 'transparent'
     },
     Button: {
-      contentFontSizeLG: 14
+      contentFontSizeLG: 14,
+      primaryShadow: 'none',
+      defaultShadow: 'none',
+      dangerShadow: 'none'
     },
     Tabs: {
       titleFontSizeLG: 14
@@ -59,6 +63,8 @@ export default {
     }
   },
   token: {
+    fontFamily:
+      "'Segoe UI', Roboto, Helvetica, -apple-system, BlinkMacSystemFont, Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'",
     colorText: 'rgba(0,0,0,1)',
     colorPrimary: '#007BFF',
     colorSuccess: '#54cc98',

src/global.less

@@ -156,7 +156,6 @@ body * {
 }
 
 body {
-  font-family: 'noto sans', sans-serif;
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
 

src/pages/llmodels/components/advance-config.tsx

@@ -7,7 +7,7 @@ import SealSelect from '@/components/seal-form/seal-select';
 import TooltipList from '@/components/tooltip-list';
 import { PageActionType } from '@/config/types';
 import useAppUtils from '@/hooks/use-app-utils';
-import { QuestionCircleOutlined, RightOutlined } from '@ant-design/icons';
+import { QuestionCircleOutlined } from '@ant-design/icons';
 import { useIntl } from '@umijs/max';
 import {
   Checkbox,
@@ -478,10 +478,11 @@ const AdvanceConfig: React.FC<AdvanceConfigProps> = (props) => {
       destroyInactivePanel={false}
       className={dataformStyles['advanced-collapse']}
       expandIcon={({ isActive }) => (
-        <RightOutlined
-          rotate={isActive ? 90 : 0}
-          style={{ fontSize: '12px' }}
-        />
+        <IconFont
+          type="icon-down"
+          rotate={isActive ? 0 : -90}
+          style={{ fontSize: '14px' }}
+        ></IconFont>
       )}
       items={collapseItems}
     ></Collapse>

src/pages/resources/components/workers.tsx

@@ -27,7 +27,7 @@ import {
   message
 } from 'antd';
 import _ from 'lodash';
-import { useCallback, useState } from 'react';
+import React, { useCallback, useState } from 'react';
 import { useHotkeys } from 'react-hotkeys-hook';
 import { deleteWorker, queryWorkersList, updateWorker } from '../apis';
 import { WorkerStatusMapValue, status } from '../config';
@@ -308,7 +308,7 @@ const Workers: React.FC = () => {
                           borderRadius: 12
                         }}
                       >
-                        <span className="font-700">{key}</span>
+                        <span className="font-600">{key}</span>
                         <span className="text-tertiary">:{value}</span>
                       </AutoTooltip>
                     );