baha/skyline
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: Fix some styles about monitor charts

Browse Source 
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
This commit is contained in:
xusongfu 2023-10-27 16:31:39 +08:00
parent af9f6b74cc
commit af379a457c
2 changed files with 2 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/PrometheusChart/component/Charts.jsx
View File

@ -35,7 +35,7 @@ const Charts = (props) => {
function renderTopCards() { function renderTopCards() {
return ( return (
<Row gutter={[16, 16]} style={{ width: '100%' }}> <Row gutter={[16, 16]}>
{topCardList.map((chartProps) => { {topCardList.map((chartProps) => {
if (chartProps.hidden) { if (chartProps.hidden) {
return null; return null;

3
src/components/PrometheusChart/component/hooks/useNodeSelect.jsx
View File

@ -2,7 +2,6 @@ import { Select } from 'antd';
import { get } from 'lodash'; import { get } from 'lodash';
import React, { useState } from 'react'; import React, { useState } from 'react';
import styles from '../../style.less';
const { Option } = Select; const { Option } = Select;
const useNodeSelect = (defaultNode) => { const useNodeSelect = (defaultNode) => {
@ -17,7 +16,7 @@ const useNodeSelect = (defaultNode) => {
const Nodes = () => { const Nodes = () => {
const key = getKey(); const key = getKey();
return ( return (
<div className={styles.header}> <div style={{ marginBottom: 16 }}>
<span style={{ color: 'black', fontSize: 14, fontWeight: 400 }}> <span style={{ color: 'black', fontSize: 14, fontWeight: 400 }}>
Node:{' '} Node:{' '}
</span> </span>