1
0
mirror of https://github.com/Unleash/unleash.git synced 2025-03-09 00:18:26 +01:00

chore: release template card min height (#9390)

https://linear.app/unleash/issue/2-3328/release-template-cards-should-have-a-consistent-minimum-height

Sets a consistent min height in our release template cards.


![image](https://github.com/user-attachments/assets/4e1f1994-6044-4df0-9019-abe76ffc9a37)
This commit is contained in:
Nuno Góis 2025-02-28 10:23:21 +00:00 committed by GitHub
parent 836c920154
commit 2064cae20f
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -1,7 +1,11 @@
import { Grid } from '@mui/material'; import { Grid, styled } from '@mui/material';
import { ReleasePlanTemplateCard } from './ReleasePlanTemplateCard/ReleasePlanTemplateCard'; import { ReleasePlanTemplateCard } from './ReleasePlanTemplateCard/ReleasePlanTemplateCard';
import type { IReleasePlanTemplate } from 'interfaces/releasePlans'; import type { IReleasePlanTemplate } from 'interfaces/releasePlans';
const StyledGridItem = styled(Grid)({
minHeight: '180px',
});
interface ITemplateList { interface ITemplateList {
templates: IReleasePlanTemplate[]; templates: IReleasePlanTemplate[];
} }
@ -12,9 +16,9 @@ export const ReleasePlanTemplateList: React.FC<ITemplateList> = ({
return ( return (
<> <>
{templates.map((template) => ( {templates.map((template) => (
<Grid key={template.id} item xs={6} md={4}> <StyledGridItem key={template.id} item xs={6} md={4}>
<ReleasePlanTemplateCard template={template} /> <ReleasePlanTemplateCard template={template} />
</Grid> </StyledGridItem>
))} ))}
</> </>
); );