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

refactor: adjust spacing between button and chip in FlowRow component

Browse Source
This commit is contained in:
Rıdvan Akca
2023-03-07 18:06:36 +03:00
parent c6bd599b63
commit f98c1725be
2 changed files with 2 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
packages/web/src/components/FlowRow/index.tsx
View File

@@ -85,7 +85,6 @@ export default function FlowRow(props: FlowRowProps): React.ReactElement {
<IconButton <IconButton
size="large" size="large"
edge="start"
color="inherit" color="inherit"
aria-label="open context menu" aria-label="open context menu"
ref={contextButtonRef} ref={contextButtonRef}

4
packages/web/src/components/FlowRow/style.ts
View File

@@ -30,11 +30,11 @@ export const Title = styled(MuiStack)(() => ({
gridArea: 'title', gridArea: 'title',
})); }));
export const ContextMenu = styled(MuiBox)(() => ({ export const ContextMenu = styled(MuiBox)(({ theme }) => ({
flexDirection: 'row', flexDirection: 'row',
display: 'flex', display: 'flex',
alignItems: 'center', alignItems: 'center',
gap: 10, gap: theme.spacing(0.625),
gridArea: 'menu', gridArea: 'menu',
})); }));
export const Typography = styled(MuiTypography)(() => ({ export const Typography = styled(MuiTypography)(() => ({