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

style ModalSizeImage

Browse Source
This commit is contained in:
ArtChaos189 2023-12-26 02:02:16 +03:00
parent 9a95536932
commit 77e1eba874
1 changed files with 33 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

60
src/pages/startPage/ModalSizeImage.tsx
View File

@ -42,7 +42,7 @@ export default function ModalSizeImage() {
createData("Варианты и картинка", "380х307 px"), createData("Варианты и картинка", "380х307 px"),
createData("Консультант", "140х140 px"), createData("Консультант", "140х140 px"),
createData("Логотип", "107х37 px"), createData("Логотип", "107х37 px"),
createData("", "1100х600 px"), createData("Результаты", "1100х600 px"),
createData("Бонус", "200х60 px"), createData("Бонус", "200х60 px"),
createData('Картинка для формата вопроса "Страница"', "860х1250 px"), createData('Картинка для формата вопроса "Страница"', "860х1250 px"),
]; ];
@ -100,12 +100,8 @@ export default function ModalSizeImage() {
</IconButton> </IconButton>
</Box> </Box>
<Box sx={{ padding: "15px 20px 0px" }}> <Box sx={{ padding: "15px 20px 0px" }}>
<Typography <Typography variant={"body2"} sx={{ color: theme.palette.grey2.main, fontWeight: 400 }}>
variant={"body2"} Рекомендованный размер зависит от того, как вы будете чаще использовать квиз:
sx={{ color: theme.palette.grey2.main, fontWeight: 400 }}
>
Рекомендованный размер зависит от того, как вы будете чаще
использовать квиз:
</Typography> </Typography>
</Box> </Box>
<Box sx={{ padding: "15px 40px 30px" }}> <Box sx={{ padding: "15px 40px 30px" }}>
@ -115,24 +111,29 @@ export default function ModalSizeImage() {
sx={{ sx={{
display: "flex", display: "flex",
justifyContent: "space-between", justifyContent: "space-between",
position: "relative",
width: "100%", width: "100%",
paddingBottom: "5px", paddingBottom: "5px",
}} }}
> >
<Box sx={{ display: "block ruby", height: "20px" }}> <Box
sx={{
position: "absolute",
top: 18,
left: 0,
right: 0,
borderBottom: "solid 1px #F2F3F7",
}}
/>
<Box sx={{ display: "block ruby", position: "relative", zIndex: 1, background: "white" }}>
<Typography variant={"body2"} fontWeight={400}> <Typography variant={"body2"} fontWeight={400}>
{name} {name}
</Typography> </Typography>
</Box> </Box>
<Box <Box sx={{ display: "block ruby", position: "relative", zIndex: 1, background: "white" }}>
sx={{ <Typography sx={{ whiteSpace: "nowrap" }} variant={"body2"}>
borderBottom: "solid 1px #F2F3F7", {size}
width: "100%", </Typography>
margin: "0 7px",
}}
></Box>
<Box sx={{ display: "block ruby", height: "20px" }}>
<Typography variant={"body2"}>{size}</Typography>
</Box> </Box>
</Box> </Box>
))} ))}
@ -153,24 +154,29 @@ export default function ModalSizeImage() {
sx={{ sx={{
display: "flex", display: "flex",
justifyContent: "space-between", justifyContent: "space-between",
position: "relative",
width: "100%", width: "100%",
paddingBottom: "5px", paddingBottom: "5px",
}} }}
> >
<Box sx={{ display: "block ruby", height: "20px" }}> <Box
sx={{
position: "absolute",
top: 18,
left: 0,
right: 0,
borderBottom: "solid 1px #F2F3F7",
}}
/>
<Box sx={{ display: "block ruby", position: "relative", zIndex: 1, background: "white" }}>
<Typography variant={"body2"} fontWeight={400}> <Typography variant={"body2"} fontWeight={400}>
{name} {name}
</Typography> </Typography>
</Box> </Box>
<Box <Box sx={{ display: "block ruby", position: "relative", zIndex: 1, background: "white" }}>
sx={{ <Typography sx={{ whiteSpace: "nowrap" }} variant={"body2"}>
borderBottom: "solid 1px #F2F3F7", {size}
width: "100%", </Typography>
margin: "0 7px",
}}
></Box>
<Box sx={{ display: "block ruby", height: "20px" }}>
<Typography variant={"body2"}>{size}</Typography>
</Box> </Box>
</Box> </Box>
))} ))}