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
|
||||
sx={{
|
||||
zIndex: 3,
|
||||
minHeight: "100vh",
|
||||
width: "40%",
|
||||
padding: "16px",
|
||||
zIndex: 3,
|
||||
margin:
|
||||
alignType === "center"
|
||||
? "0 auto"
|
||||
: alignType === "left"
|
||||
? "0"
|
||||
: "0 0 0 auto",
|
||||
}}
|
||||
>
|
||||
<Box
|
||||
@ -78,7 +84,8 @@ const ExpandedLayout = ({
|
||||
flexDirection: "column",
|
||||
justifyContent: "space-between",
|
||||
alignItems: alignType === "center" ? "center" : "start",
|
||||
borderRight: "1px solid #9A9AAF80",
|
||||
borderRight: alignType === "left" ? "1px solid #9A9AAF80" : null,
|
||||
borderLeft: alignType === "right" ? "1px solid #9A9AAF80" : null,
|
||||
}}
|
||||
>
|
||||
{quizHeaderBlock}
|
||||
|
||||