chore: cluster docker provider

src/components/echarts/line-chart.tsx

@@ -23,7 +23,7 @@ const LineChart: React.FC<ChartProps> = (props) => {
     legendOptions,
     gridOptions,
     titleOptions,
-    showArea = 0.25
+    showArea
   } = props;
   const {
     grid,

src/components/icon-font/icons.ts

@@ -2,6 +2,7 @@ import IconFont from '@/components/icon-font';
 import {
   ApiOutlined,
   DeleteOutlined,
+  DockerOutlined,
   DownloadOutlined,
   EditOutlined,
   ExperimentOutlined,
@@ -24,6 +25,7 @@ const icons = {
   ApiOutlined: React.createElement(ApiOutlined),
   KubernetesOutlined: React.createElement(KubernetesOutlined),
   ProfileOutlined: React.createElement(ProfileOutlined),
+  DockerOutlined: React.createElement(DockerOutlined),
   Stop: React.createElement(IconFont, { type: 'icon-stop1' }),
   Play: React.createElement(IconFont, { type: 'icon-outline-play' }),
   Catalog: React.createElement(IconFont, { type: 'icon-catalog' }),
@@ -41,7 +43,8 @@ const icons = {
   TencentCloud: React.createElement(IconFont, { type: 'icon-tencentcloud' }),
   Nvidia: React.createElement(IconFont, { type: 'icon-nvidia' }),
   Ascend: React.createElement(IconFont, { type: 'icon-ascend' }),
-  AMD: React.createElement(IconFont, { type: 'icon-amd' })
+  AMD: React.createElement(IconFont, { type: 'icon-amd' }),
+  KubernetesFilled: React.createElement(IconFont, { type: 'icon-k8s-filled' })
 };
 
 export default icons;

src/components/scroller-modal/index.tsx

@@ -55,7 +55,8 @@ const ScrollerModal = (props: ModalProps & { maxContentHeight?: number }) => {
           paddingBottom: '0'
         },
         body: {
-          padding: '0'
+          padding: '0',
+          paddingBlockEnd: props.footer ? '0' : '24px'
         },
         footer: props.footer
           ? {
@@ -71,7 +72,7 @@ const ScrollerModal = (props: ModalProps & { maxContentHeight?: number }) => {
         className="overlay-scroller-wrapper"
         $maxHeight={props.maxContentHeight || 500}
         hidden={false}
-        style={{ paddingInline: 24, paddingBlockEnd: props.footer ? 0 : 24 }}
+        style={{ paddingInline: 24, paddingBlockEnd: 0 }}
       >
         {props.children}
       </Wrapper>

src/components/status-tag/index.tsx

@@ -5,11 +5,18 @@ import { Button, Divider, Tooltip } from 'antd';
 import classNames from 'classnames';
 import React, { useMemo } from 'react';
 import 'simplebar-react/dist/simplebar.min.css';
+import styled from 'styled-components';
 import CopyButton from '../copy-button';
 import { TooltipOverlayScroller } from '../overlay-scroller';
 import CopyStyle from './copy-btn.less';
 import './index.less';
 
+const Text = styled.span`
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`;
+
 const linkReg = /<a (.*?)>(.*?)<\/a>/g;
 export const StatusMaps = {
   transitioning: 'blue',
@@ -89,7 +96,7 @@ const StatusTag: React.FC<StatusTagProps> = ({
         </>
       );
     }
-    return <span>{text}</span>;
+    return <Text>{text}</Text>;
   };
 
   const renderTitle = useMemo(() => {