groot/automatisch
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: introduce steps in flow editor

Browse Source
This commit is contained in:
Ali BARIN
2021-12-26 11:43:18 +01:00
committed by Ömer Faruk Aydın
parent a232408f22
commit 247b25cfc4
8 changed files with 85 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
packages/web/src/components/FlowStep/style.ts
View File

@@ -1,8 +1,16 @@
import { styled } from '@mui/material/styles';
import { styled, alpha } from '@mui/material/styles';
import Card from '@mui/material/Card';
export const Wrapper = styled(Card)`
width: 100%;
padding: ${({ theme }) => theme.spacing(1, 2)};
`;
type HeaderProps = {
borderBottom?: boolean;
}
export const Header = styled('div', { shouldForwardProp: prop => prop !== 'borderBottom' })<HeaderProps>`
border-bottom: 1px solid ${({ theme, borderBottom }) => borderBottom ? alpha(theme.palette.divider, .8) : 'transparent'};
padding: ${({ theme }) => theme.spacing(2, 2)};
cursor: ${({ borderBottom }) => borderBottom ? 'unset' : 'pointer'};
`;