fix: styles
|
Before Width: | Height: | Size: 1.2 MiB After Width: | Height: | Size: 1.0 MiB |
|
Before Width: | Height: | Size: 488 KiB After Width: | Height: | Size: 599 KiB |
|
Before Width: | Height: | Size: 1.4 MiB After Width: | Height: | Size: 1.3 MiB |
|
Before Width: | Height: | Size: 1.4 MiB After Width: | Height: | Size: 1.6 MiB |
|
Before Width: | Height: | Size: 1.5 MiB After Width: | Height: | Size: 1.6 MiB |
|
Before Width: | Height: | Size: 256 KiB After Width: | Height: | Size: 303 KiB |
|
Before Width: | Height: | Size: 1.1 MiB After Width: | Height: | Size: 1.2 MiB |
@ -63,10 +63,16 @@ const ExpandedLayout = ({
|
|||||||
<Box>
|
<Box>
|
||||||
<Box
|
<Box
|
||||||
sx={{
|
sx={{
|
||||||
|
zIndex: 3,
|
||||||
minHeight: "100vh",
|
minHeight: "100vh",
|
||||||
width: "40%",
|
width: "40%",
|
||||||
padding: "16px",
|
padding: "16px",
|
||||||
zIndex: 3,
|
margin:
|
||||||
|
alignType === "center"
|
||||||
|
? "0 auto"
|
||||||
|
: alignType === "left"
|
||||||
|
? "0"
|
||||||
|
: "0 0 0 auto",
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
<Box
|
<Box
|
||||||
@ -78,7 +84,8 @@ const ExpandedLayout = ({
|
|||||||
flexDirection: "column",
|
flexDirection: "column",
|
||||||
justifyContent: "space-between",
|
justifyContent: "space-between",
|
||||||
alignItems: alignType === "center" ? "center" : "start",
|
alignItems: alignType === "center" ? "center" : "start",
|
||||||
borderRight: "1px solid #9A9AAF80",
|
borderRight: alignType === "left" ? "1px solid #9A9AAF80" : null,
|
||||||
|
borderLeft: alignType === "right" ? "1px solid #9A9AAF80" : null,
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
{quizHeaderBlock}
|
{quizHeaderBlock}
|
||||||
|
|||||||