minor(ui): fix query card styles (#21025)

* minor: fix query card styles

* remove extra padding
This commit is contained in:
Pranita Fulsundar 2025-04-29 19:05:59 +05:30 committed by Pranita
parent c8e2170e29
commit 6f6d0760f5
3 changed files with 6 additions and 4 deletions

View File

@ -190,11 +190,13 @@ const QueryCard: FC<QueryCardProp> = ({
} }
title={ title={
<Space className="font-normal p-y-xs" size={8}> <Space className="font-normal p-y-xs" size={8}>
<Text>{queryDate}</Text> <Text className="text-sm">{queryDate}</Text>
{duration && ( {duration && (
<> <>
<Text className="text-gray-400">{PIPE_SYMBOL}</Text> <Text className="text-gray-400">{PIPE_SYMBOL}</Text>
<Text data-testid="query-run-duration">{duration}</Text> <Text className="text-sm" data-testid="query-run-duration">
{duration}
</Text>
</> </>
)} )}
</Space> </Space>

View File

@ -15,7 +15,7 @@
.query-entity-button { .query-entity-button {
position: absolute; position: absolute;
z-index: 10; z-index: 10;
top: 63px; top: 80px;
right: 16px; right: 16px;
} }

View File

@ -191,7 +191,7 @@ const QueryPage = () => {
return ( return (
<PageLayoutV1 pageTitle={t('label.query')}> <PageLayoutV1 pageTitle={t('label.query')}>
<Row className="p-x-lg" gutter={[0, 16]}> <Row gutter={[0, 16]}>
<Col span={24}> <Col span={24}>
<TitleBreadcrumb titleLinks={titleBreadcrumb} /> <TitleBreadcrumb titleLinks={titleBreadcrumb} />
</Col> </Col>