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