chore: render katex in markdown

src/pages/resources/components/add-worker.tsx

@@ -41,12 +41,13 @@ const AddWorker: React.FC<ViewModalProps> = (props) => {
       width={700}
       styles={{
         body: {
-          height: 550
+          height: 620
         }
       }}
       footer={null}
     >
       <Tabs
+        size="small"
         items={items}
         activeKey={activeKey}
         type="card"

src/pages/resources/components/container-install.tsx

@@ -67,9 +67,10 @@ const AddWorker: React.FC<ViewModalProps> = (props) => {
           </span>
           <WarningOutlined
             style={{ color: 'var(--ant-color-warning)' }}
-            className="font-size-14 m-l-5"
+            className="font-size-14 m-l-5 m-r-5"
           />
           <Button
+            style={{ padding: 0 }}
             type="link"
             size="small"
             href="https://docs.gpustack.ai/latest/installation/installation-requirements/"
@@ -85,7 +86,7 @@ const AddWorker: React.FC<ViewModalProps> = (props) => {
         theme="dark"
         lang="bash"
       ></HighlightCode>
-      <h3>
+      <h3 className="m-t-10">
         2. {intl.formatMessage({ id: 'resources.worker.add.step2' })}{' '}
         <span
           className="font-size-12"
@@ -97,7 +98,7 @@ const AddWorker: React.FC<ViewModalProps> = (props) => {
           }}
         ></span>
       </h3>
-      <div className="m-b-20">
+      <div className="m-b-16">
         <Radio.Group
           block
           options={containerInstallOptions}
@@ -117,8 +118,8 @@ const AddWorker: React.FC<ViewModalProps> = (props) => {
           }}
         ></div>
       )}
-      <HighlightCode theme="dark" code={code} lang="sh"></HighlightCode>
-      <h3 className="m-b-0">
+      <HighlightCode theme="dark" code={code} lang="bash"></HighlightCode>
+      <h3 className="m-b-0 m-t-10">
         3. {intl.formatMessage({ id: 'resources.worker.add.step3' })}
       </h3>
     </div>

src/pages/resources/components/script-install.tsx

@@ -18,12 +18,12 @@ const AddWorker: React.FC<ViewModalProps> = (props) => {
         code={addWorkerGuide.mac.getToken}
         theme="dark"
       ></HighlightCode>
-      <h4>Windows </h4>
+      <h4 className="m-t-6">Windows </h4>
       <HighlightCode
         code={addWorkerGuide.win.getToken}
         theme="dark"
       ></HighlightCode>
-      <h3>
+      <h3 className="m-t-10">
         2. {intl.formatMessage({ id: 'resources.worker.add.step2' })}{' '}
         <span
           className="font-size-12"
@@ -43,7 +43,7 @@ const AddWorker: React.FC<ViewModalProps> = (props) => {
         })}
         theme="dark"
       ></HighlightCode>
-      <h4>Windows </h4>
+      <h4 className="m-t-6">Windows </h4>
       <HighlightCode
         theme="dark"
         code={addWorkerGuide.win.registerWorker({
@@ -51,7 +51,7 @@ const AddWorker: React.FC<ViewModalProps> = (props) => {
           token: '${mytoken}'
         })}
       ></HighlightCode>
-      <h3 className="m-b-0">
+      <h3 className="m-b-0 m-t-10">
         3. {intl.formatMessage({ id: 'resources.worker.add.step3' })}
       </h3>
     </div>

src/pages/resources/components/styles/installation.less

@@ -5,7 +5,7 @@
     flex-direction: column;
     gap: 5px;
     border-left: 2px solid var(--ant-color-split);
-    margin-bottom: 20px;
+    margin-bottom: 16px;
     padding-left: 16px;
     background: var(--color-fill-sider);
     border-radius: 2px;