1
0
mirror of https://github.com/Unleash/unleash.git synced 2025-09-24 17:51:14 +02:00

chore: update view more templates button design

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

View File

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

View File

@ -74,12 +74,15 @@ const StyledNoTemplatesDescription = styled('p')(({ theme }) => ({
color: theme.palette.text.secondary,
}));
const StyledViewAllTemplates = styled(Box)({
const StyledViewMoreButton = styled(Button)(({ theme }) => ({
display: 'flex',
alignItems: '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)({
textDecoration: 'none',
@ -174,17 +177,13 @@ export const FeatureStrategyMenuCardsReleaseTemplates = ({
))}
{slicedTemplates.length < templates.length &&
templates.length > RELEASE_TEMPLATE_DISPLAY_LIMIT && (
<StyledViewAllTemplates>
<Button
<StyledViewMoreButton
variant='text'
size='small'
onClick={() =>
setFilter('releaseTemplates')
}
onClick={() => setFilter('releaseTemplates')}
>
View all available templates
</Button>
</StyledViewAllTemplates>
View more templates
</StyledViewMoreButton>
)}
</FeatureStrategyMenuCardsSection>
)}