made simplier editor, added color coding

This commit is contained in:
Fedor Katurov 2023-04-25 20:01:46 +06:00
parent 601eda17de
commit c1533e9cb9
15 changed files with 287 additions and 43 deletions

View file

@ -26,27 +26,27 @@ const GridLayoutItemWrapper: FC<GridLayoutItemWrapperProps> = ({
}) => (
<div className={styles.wrapper}>
<div className={styles.menu}>
<IconButton
onClick={splitVertical}
role="button"
className={styles.button}
>
<SplitVertical />
</IconButton>
<IconButton
onClick={splitHorizontal}
role="button"
className={styles.button}
>
<SplitHorizontal />
</IconButton>
{!locked && (
<>
<IconButton
onClick={splitVertical}
role="button"
className={styles.button}
>
<SplitVertical />
</IconButton>
<IconButton
onClick={splitHorizontal}
role="button"
className={styles.button}
>
<SplitHorizontal />
</IconButton>
<IconButton onClick={remove} role="button" className={styles.button}>
<DeleteIcon />
</IconButton>
</>
<IconButton onClick={remove} role="button" className={styles.button}>
<DeleteIcon />
</IconButton>
)}
<IconButton onClick={lock} role="button" className={styles.button}>
{locked ? <Locked /> : <Unlocked />}
</IconButton>