style: set theme token

src/pages/llmodels/components/deploy-modal.tsx

@@ -167,15 +167,7 @@ const AddModal: FC<AddModalProps> = (props) => {
     <Drawer
       title={
         <div className="flex-between flex-center">
-          <span
-            style={{
-              color: 'var(--ant-color-text)',
-              fontWeight: 'var(--font-weight-medium)',
-              fontSize: 'var(--font-size-middle)'
-            }}
-          >
-            {title}
-          </span>
+          <span>{title}</span>
           <Button type="text" size="small" onClick={handleCancel}>
             <CloseOutlined></CloseOutlined>
           </Button>

src/pages/llmodels/components/table-list.tsx

@@ -585,7 +585,9 @@ const Models: React.FC<ModelsProps> = ({
               { api: `${window.location.origin}/v1` }
             )}
           >
-            {intl.formatMessage({ id: 'models.form.replicas' })}
+            <span style={{ fontWeight: 'var(--font-weight-medium)' }}>
+              {intl.formatMessage({ id: 'models.form.replicas' })}
+            </span>
             <QuestionCircleOutlined className="m-l-5" />
           </Tooltip>
         ),

src/pages/llmodels/components/view-logs-modal.tsx

@@ -107,7 +107,7 @@ const ViewLogsModal: React.FC<ViewModalProps> = (props) => {
       <div className="viewer-wrapper" ref={contentRef}>
         <LogsViewer
           ref={logsViewerRef}
-          diffHeight={93}
+          diffHeight={78}
           url={url}
           tail={tail}
           enableScorllLoad={enableScorllLoad}

src/pages/llmodels/style/catalog-item.less

@@ -43,7 +43,7 @@
 
   .title {
     font-size: var(--font-size-middle);
-    font-weight: var(--font-weight-bold);
+    font-weight: var(--font-weight-500);
     display: flex;
     align-items: center;
     justify-content: flex-start;
@@ -56,8 +56,8 @@
   }
 
   .desc {
-    font-size: var(--font-size-base);
-    color: var(--ant-color-text-secondary);
+    font-size: var(--font-size-small);
+    color: var(--ant-color-text-tertiary);
     width: 100%;
     overflow: hidden;
     margin-bottom: 12px;
@@ -74,6 +74,7 @@
 
   .update-time {
     color: var(--ant-color-text-tertiary);
+    font-size: var(--font-size-small);
     display: flex;
     align-items: center;
     gap: 16px;

src/pages/llmodels/style/data-form.less

@@ -7,7 +7,8 @@
       padding-inline: 5px !important;
       padding-block: 5px !important;
       border-radius: var(--border-radius-base) !important;
-      font-size: var(--font-size-middle) !important;
+      font-size: var(--font-size-large) !important;
+      font-weight: var(--font-weight-bold) !important;
 
       &:hover {
         background-color: var(--color-fill-sider) !important;

src/pages/llmodels/style/hf-model-item.less

@@ -18,11 +18,12 @@
 
   .title {
     font-size: var(--font-size-base);
-    font-weight: var(--font-weight-normal);
+    font-weight: var(--font-weight-500);
   }
 
   .info {
     color: var(--ant-color-text-tertiary);
+    font-size: var(--font-size-small);
 
     .info-item {
       display: flex;