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={
<Space className="font-normal p-y-xs" size={8}>
<Text>{queryDate}</Text>
<Text className="text-sm">{queryDate}</Text>
{duration && (
<>
<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>

View File

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

View File

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