muerwre/markdown-home-tab
1
0
Fork 0
mirror of https://github.com/muerwre/markdown-home-tab.git synced 2025-04-25 08:56:41 +07:00
Code Issues Projects Releases Packages Wiki Activity Actions

made human-friendly editing buttons

Browse source
This commit is contained in:
Fedor Katurov 2023-04-26 17:09:23 +06:00
parent 6d854f57a5
commit 02333e6049
15 changed files with 175 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/modules/layout/components/GridLayoutItemWrapper/index.tsx
View file

@ -5,8 +5,7 @@ import { IconButton } from "~/components/buttons/IconButton";
import DeleteIcon from "~/assets/images/delete.svg";
import SplitVertical from "~/assets/images/split-vertical.svg";
import SplitHorizontal from "~/assets/images/split-horizontal.svg";
import Locked from "~/assets/images/locked.svg";
import Unlocked from "~/assets/images/unlocked.svg";
import Gear from "~/assets/images/gear.svg";
type GridLayoutItemWrapperProps = PropsWithChildren & {
splitVertical: () => void;
@ -24,7 +23,6 @@ const GridLayoutItemWrapper: FC<GridLayoutItemWrapperProps> = ({
showSettings,
remove,
locked,
lock,
}) => (
<div className={styles.wrapper}>
<div className={styles.menu}>
@ -49,7 +47,7 @@ const GridLayoutItemWrapper: FC<GridLayoutItemWrapperProps> = ({
role="button"
className={styles.button}
>
S
<Gear />
</IconButton>
{!locked && (
@ -57,10 +55,6 @@ const GridLayoutItemWrapper: FC<GridLayoutItemWrapperProps> = ({
<DeleteIcon />
</IconButton>
)}
<IconButton onClick={lock} role="button" className={styles.button}>
{locked ? <Locked /> : <Unlocked />}
</IconButton>
</div>
{children}

1
src/modules/layout/components/GridLayoutItemWrapper/styles.module.scss
View file

@ -17,6 +17,7 @@
top: 2px;
right: 4px;
transition: all 0.25s;
z-index: 1;
}
.button {