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. 
This commit is contained in:
parent
836c920154
commit
2064cae20f
@ -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>
|
||||||
))}
|
))}
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
|
Loading…
Reference in New Issue
Block a user