fix: button visibility in clickhouse and promQL headers (#4390)

This commit is contained in:
Vikrant Gupta 2024-01-18 16:44:52 +05:30 committed by GitHub
parent f99da73098
commit 26d6a869c6
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -30,11 +30,10 @@ function QueryHeader({
const [collapse, setCollapse] = useState(false); const [collapse, setCollapse] = useState(false);
return ( return (
<QueryWrapper> <QueryWrapper>
<Row style={{ justifyContent: 'space-between' }}> <Row style={{ justifyContent: 'space-between', marginBottom: '1rem' }}>
<Row> <Row>
<Button <Button
type="default" type="default"
ghost
icon={disabled ? <EyeInvisibleFilled /> : <EyeFilled />} icon={disabled ? <EyeInvisibleFilled /> : <EyeFilled />}
onClick={onDisable} onClick={onDisable}
> >
@ -42,7 +41,6 @@ function QueryHeader({
</Button> </Button>
<Button <Button
type="default" type="default"
ghost
icon={collapse ? <RightOutlined /> : <DownOutlined />} icon={collapse ? <RightOutlined /> : <DownOutlined />}
onClick={(): void => setCollapse(!collapse)} onClick={(): void => setCollapse(!collapse)}
/> />
@ -51,7 +49,6 @@ function QueryHeader({
{deletable && ( {deletable && (
<Button <Button
type="default" type="default"
ghost
danger danger
icon={<DeleteOutlined />} icon={<DeleteOutlined />}
onClick={onDelete} onClick={onDelete}