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,11 +73,13 @@ 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' }}>
<div>{data && <ListTable {...props} data={filteredData} renderLabel={renderLabel} />}</div>
<div>
{showMore && limit && ( {showMore && limit && (
<Row justifyContent="center"> <Row justifyContent="center" alignItems="flex-end">
<LinkButton href={updateParams({ view: type })} variant="quiet"> <LinkButton href={updateParams({ view: type })} variant="quiet">
<Icon size="sm"> <Icon size="sm">
<Maximize /> <Maximize />
@ -86,6 +88,8 @@ export function MetricsTable({
</LinkButton> </LinkButton>
</Row> </Row>
)} )}
</div>
</div>
</LoadingPanel> </LoadingPanel>
); );
} }