SQuiz/frontPanel
2
0
Fork 0
Code Issues 10 Pull Requests Actions Packages Projects Releases Wiki Activity

fix edit image button

Browse Source
This commit is contained in:
nflnkr 2023-10-23 18:21:34 +03:00
parent 45dddd888d
commit d4a3025eda
1 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/ui_kit/AddOrEditImageButton.tsx
View File

@ -1,5 +1,5 @@
import Plus from "@icons/questionsPage/plus"; import Plus from "@icons/questionsPage/plus";
import { Box, ButtonBase, SxProps, Theme } from "@mui/material"; import { Box, Button, SxProps, Theme } from "@mui/material";
import Image from "../assets/icons/questionsPage/image"; import Image from "../assets/icons/questionsPage/image";
@ -22,9 +22,11 @@ export default function AddOrEditImageButton({ onImageClick, onPlusClick, sx, im
overflow: "hidden", overflow: "hidden",
...sx, ...sx,
}}> }}>
<ButtonBase <Button
onClick={onImageClick} onClick={onImageClick}
sx={{ sx={{
p: 0,
minWidth: "40px",
flexGrow: 1, flexGrow: 1,
backgroundColor: "#EEE4FC", backgroundColor: "#EEE4FC",
}}> }}>
@ -45,15 +47,17 @@ export default function AddOrEditImageButton({ onImageClick, onPlusClick, sx, im
width: "100%", width: "100%",
}} /> }} />
)} )}
</ButtonBase> </Button>
<ButtonBase <Button
onClick={onPlusClick} onClick={onPlusClick}
sx={{ sx={{
p: 0,
minWidth: "20px",
width: "20px", width: "20px",
}} }}
> >
<Plus /> <Plus />
</ButtonBase> </Button>
</Box> </Box>
); );
} }