From af379a457ce011b3027a843063750290ac90eeb2 Mon Sep 17 00:00:00 2001
From: xusongfu <xu.songfu@99cloud.net>
Date: Fri, 27 Oct 2023 16:31:39 +0800
Subject: [PATCH] fix: Fix some styles about monitor charts

1. Remove chart's style width=100%, because <Row> was block element yet
2. Fix margin style of nodes select component because it doesn't work

Change-Id: I7219dfd1f6a0123ec44366148d5763b9a3311183
---
 src/components/PrometheusChart/component/Charts.jsx            | 2 +-
 .../PrometheusChart/component/hooks/useNodeSelect.jsx          | 3 +--
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/components/PrometheusChart/component/Charts.jsx b/src/components/PrometheusChart/component/Charts.jsx
index c60de412..9f58f1cb 100644
--- a/src/components/PrometheusChart/component/Charts.jsx
+++ b/src/components/PrometheusChart/component/Charts.jsx
@@ -35,7 +35,7 @@ const Charts = (props) => {
 
   function renderTopCards() {
     return (
-      <Row gutter={[16, 16]} style={{ width: '100%' }}>
+      <Row gutter={[16, 16]}>
         {topCardList.map((chartProps) => {
           if (chartProps.hidden) {
             return null;
diff --git a/src/components/PrometheusChart/component/hooks/useNodeSelect.jsx b/src/components/PrometheusChart/component/hooks/useNodeSelect.jsx
index ab25699a..4e4d8df9 100644
--- a/src/components/PrometheusChart/component/hooks/useNodeSelect.jsx
+++ b/src/components/PrometheusChart/component/hooks/useNodeSelect.jsx
@@ -2,7 +2,6 @@ import { Select } from 'antd';
 import { get } from 'lodash';
 
 import React, { useState } from 'react';
-import styles from '../../style.less';
 
 const { Option } = Select;
 const useNodeSelect = (defaultNode) => {
@@ -17,7 +16,7 @@ const useNodeSelect = (defaultNode) => {
   const Nodes = () => {
     const key = getKey();
     return (
-      <div className={styles.header}>
+      <div style={{ marginBottom: 16 }}>
         <span style={{ color: 'black', fontSize: 14, fontWeight: 400 }}>
           Node:{' '}
         </span>