Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-09-24 17:51:14 +02:00
Code Issues Projects Releases Wiki Activity

chore: update view more templates button design

Browse Source
This commit is contained in:
Nuno Góis 2025-09-24 11:10:51 +01:00
parent b4ad9c964f
commit ebda670507
No known key found for this signature in database
GPG Key ID: 71ECC689F1091765
2 changed files with 13 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/component/feature/FeatureStrategy/FeatureStrategyMenu/FeatureStrategyMenuCard/FeatureStrategyMenuCard.tsx
View File

@ -21,9 +21,7 @@ const StyledCard = styled('div', {
})<{ isDefault?: boolean }>(({ theme, isDefault }) => ({ })<{ isDefault?: boolean }>(({ theme, isDefault }) => ({
display: 'flex', display: 'flex',
alignItems: 'center', alignItems: 'center',
width: '100%',
height: theme.spacing(10), height: theme.spacing(10),
maxWidth: '30rem',
padding: theme.spacing(2), padding: theme.spacing(2),
backgroundColor: theme.palette.background.elevation1, backgroundColor: theme.palette.background.elevation1,
color: 'inherit', color: 'inherit',

27
frontend/src/component/feature/FeatureStrategy/FeatureStrategyMenu/FeatureStrategyMenuCards/FeatureStrategyMenuCardsReleaseTemplates.tsx
View File

@ -74,12 +74,15 @@ const StyledNoTemplatesDescription = styled('p')(({ theme }) => ({
color: theme.palette.text.secondary, color: theme.palette.text.secondary,
})); }));
const StyledViewAllTemplates = styled(Box)({ const StyledViewMoreButton = styled(Button)(({ theme }) => ({
display: 'flex', display: 'flex',
alignItems: 'center', alignItems: 'center',
justifyContent: 'center', justifyContent: 'center',
height: '100%', height: theme.spacing(10),
}); padding: theme.spacing(2),
border: `1px solid ${theme.palette.divider}`,
borderRadius: theme.spacing(1),
}));
const StyledLink = styled(RouterLink)({ const StyledLink = styled(RouterLink)({
textDecoration: 'none', textDecoration: 'none',
@ -174,17 +177,13 @@ export const FeatureStrategyMenuCardsReleaseTemplates = ({
))} ))}
{slicedTemplates.length < templates.length && {slicedTemplates.length < templates.length &&
templates.length > RELEASE_TEMPLATE_DISPLAY_LIMIT && ( templates.length > RELEASE_TEMPLATE_DISPLAY_LIMIT && (
<StyledViewAllTemplates> <StyledViewMoreButton
<Button variant='text'
variant='text' size='small'
size='small' onClick={() => setFilter('releaseTemplates')}
onClick={() => >
setFilter('releaseTemplates') View more templates
} </StyledViewMoreButton>
>
View all available templates
</Button>
</StyledViewAllTemplates>
)} )}
</FeatureStrategyMenuCardsSection> </FeatureStrategyMenuCardsSection>
)} )}