MetricsTable anchor more to bottom of component

This commit is contained in:
Francis Cao 2025-09-30 11:19:13 -07:00
parent 81dea02379
commit 1b54ba3e6e

View file

@ -73,19 +73,23 @@ export function MetricsTable({
isFetching={isFetching} isFetching={isFetching}
isLoading={isLoading} isLoading={isLoading}
error={error} error={error}
minHeight="380px" minHeight="400px"
> >
{data && <ListTable {...props} data={filteredData} renderLabel={renderLabel} />} <div style={{ display: 'grid', gridTemplateRows: '1fr auto', minHeight: '400px' }}>
{showMore && limit && ( <div>{data && <ListTable {...props} data={filteredData} renderLabel={renderLabel} />}</div>
<Row justifyContent="center"> <div>
<LinkButton href={updateParams({ view: type })} variant="quiet"> {showMore && limit && (
<Icon size="sm"> <Row justifyContent="center" alignItems="flex-end">
<Maximize /> <LinkButton href={updateParams({ view: type })} variant="quiet">
</Icon> <Icon size="sm">
<Text>{formatMessage(labels.more)}</Text> <Maximize />
</LinkButton> </Icon>
</Row> <Text>{formatMessage(labels.more)}</Text>
)} </LinkButton>
</Row>
)}
</div>
</div>
</LoadingPanel> </LoadingPanel>
); );
} }