Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-02-04 00:18:01 +01:00
Code Issues Projects Releases Wiki Activity

feat(onboarding): improve steps dividers (#8346)

Browse Source
This commit is contained in:
Tymoteusz Czech 2024-10-03 12:26:12 +02:00 committed by GitHub
parent e8e005daa4
commit 0bf385d601
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
frontend/src/component/onboarding/flow/ProjectOnboarding.tsx
View File

@ -40,11 +40,10 @@ const TitleBox = styled('div')(({ theme }) => ({
const Actions = styled('div')(({ theme }) => ({ const Actions = styled('div')(({ theme }) => ({
display: 'flex', display: 'flex',
flexGrow: 1, flexGrow: 1,
gap: theme.spacing(7), padding: theme.spacing(0, 1),
padding: theme.spacing(3, 5),
[theme.breakpoints.down('md')]: { [theme.breakpoints.down('md')]: {
flexDirection: 'column', flexDirection: 'column',
gap: theme.spacing(7), padding: theme.spacing(0),
}, },
})); }));
@ -53,6 +52,15 @@ const ActionBox = styled('div')(({ theme }) => ({
display: 'flex', display: 'flex',
gap: theme.spacing(3), gap: theme.spacing(3),
flexDirection: 'column', flexDirection: 'column',
borderRight: `1px solid ${theme.palette.divider}`,
padding: theme.spacing(4),
[theme.breakpoints.down('md')]: {
borderRight: 0,
borderBottom: `1px solid ${theme.palette.divider}`,
},
'&:last-child': {
borderWidth: 0,
},
})); }));
const TitleContainer = styled('div')(({ theme }) => ({ const TitleContainer = styled('div')(({ theme }) => ({