feat: add cluster detail

src/components/card-wrapper/index.less

@@ -1,6 +1,6 @@
 .cardWrapper {
   border-radius: var(--border-radius-small);
-  background-color: var(--color-white-1);
+  background-color: var(--ant-color-bg-container);
   box-shadow: none;
   padding: 10px 16px;
   border: 1px solid var(--ant-color-border);

src/components/collapse-container/index.tsx

@@ -88,6 +88,7 @@ export interface CollapsibleContainerProps {
   className?: string;
   children?: React.ReactNode;
   styles?: {
+    root?: React.CSSProperties;
     body?: React.CSSProperties;
     header?: React.CSSProperties;
     content?: React.CSSProperties;
@@ -191,6 +192,9 @@ export default function CollapsibleContainer({
       className={classNames(className, { collapsible, disabled, isOpen })}
       variant={variant}
       styles={{
+        root: {
+          ...cardStyles?.root
+        },
         body: {
           padding: 0,
           ...cardStyles?.body

src/components/page-tools/index.tsx

@@ -55,6 +55,7 @@ interface ActionItem {
   icon: React.ReactNode;
   [key: string]: any;
 }
+
 interface FilterBarProps {
   handleInputChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
   handleSelectChange?: (value: any) => void;
@@ -76,7 +77,7 @@ interface FilterBarProps {
   showDeleteButton?: boolean;
   right?: React.ReactNode;
   left?: React.ReactNode;
-  width?: {
+  widths?: {
     input?: number;
     select?: number;
   };
@@ -102,7 +103,7 @@ export const FilterBar: React.FC<FilterBarProps> = (props) => {
     selectHolder,
     right,
     left,
-    width
+    widths
   } = props;
   const intl = useIntl();
 
@@ -181,7 +182,7 @@ export const FilterBar: React.FC<FilterBarProps> = (props) => {
                 id: 'common.filter.name'
               })
             }
-            style={{ width: width?.input || 230 }}
+            style={{ width: widths?.input || 230 }}
             allowClear
             onChange={handleInputChange}
           ></Input>
@@ -190,7 +191,7 @@ export const FilterBar: React.FC<FilterBarProps> = (props) => {
               allowClear
               showSearch={false}
               placeholder={selectHolder}
-              style={{ width: width?.select || 230 }}
+              style={{ width: widths?.select || 230 }}
               size="large"
               onChange={handleSelectChange}
               options={selectOptions}