fix startpage layout
remove vh units
This commit is contained in:
parent
ededa7e339
commit
73e6a95902
@ -97,16 +97,15 @@ export const Question = ({
|
|||||||
>
|
>
|
||||||
<Box
|
<Box
|
||||||
sx={{
|
sx={{
|
||||||
height: "calc(100vh - 75px)",
|
height: "calc(100% - 75px)",
|
||||||
overflow: "auto",
|
overflow: "auto",
|
||||||
width: "100%"
|
width: "100%"
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
<Box
|
<Box
|
||||||
sx={{
|
sx={{
|
||||||
// height: "calc(100% - 75px)",
|
height: "calc(100% - 75px)",
|
||||||
width: "100%",
|
width: "100%",
|
||||||
minHeight: "calc(100vh - 75px)",
|
|
||||||
maxWidth: "1440px",
|
maxWidth: "1440px",
|
||||||
padding: "40px 25px 20px",
|
padding: "40px 25px 20px",
|
||||||
margin: "0 auto",
|
margin: "0 auto",
|
||||||
|
@ -36,7 +36,7 @@ const StandartLayout = ({
|
|||||||
sx={{
|
sx={{
|
||||||
display: "flex",
|
display: "flex",
|
||||||
flexDirection: alignType === "left" ? "row" : "row-reverse",
|
flexDirection: alignType === "left" ? "row" : "row-reverse",
|
||||||
minHeight: "100%",
|
height: "100%",
|
||||||
backgroundPosition: "center",
|
backgroundPosition: "center",
|
||||||
backgroundSize: "cover",
|
backgroundSize: "cover",
|
||||||
backgroundImage: settings.cfg.design
|
backgroundImage: settings.cfg.design
|
||||||
@ -74,11 +74,10 @@ const ExpandedLayout = ({
|
|||||||
quizMainBlock,
|
quizMainBlock,
|
||||||
backgroundBlock,
|
backgroundBlock,
|
||||||
}: LayoutProps) => (
|
}: LayoutProps) => (
|
||||||
<Box>
|
<>
|
||||||
<Box
|
<Box
|
||||||
sx={{
|
sx={{
|
||||||
zIndex: 3,
|
height: "100%",
|
||||||
minHeight: "100%",
|
|
||||||
width: "40%",
|
width: "40%",
|
||||||
padding: "16px",
|
padding: "16px",
|
||||||
margin:
|
margin:
|
||||||
@ -92,7 +91,7 @@ const ExpandedLayout = ({
|
|||||||
<Box
|
<Box
|
||||||
sx={{
|
sx={{
|
||||||
padding: "16px",
|
padding: "16px",
|
||||||
minHeight: "calc(100vh - 32px)",
|
minHeight: "calc(100% - 32px)",
|
||||||
position: "relative",
|
position: "relative",
|
||||||
display: "flex",
|
display: "flex",
|
||||||
flexDirection: "column",
|
flexDirection: "column",
|
||||||
@ -119,7 +118,7 @@ const ExpandedLayout = ({
|
|||||||
>
|
>
|
||||||
{backgroundBlock}
|
{backgroundBlock}
|
||||||
</Box>
|
</Box>
|
||||||
</Box>
|
</>
|
||||||
);
|
);
|
||||||
|
|
||||||
const CenteredLayout = ({
|
const CenteredLayout = ({
|
||||||
@ -137,7 +136,7 @@ const CenteredLayout = ({
|
|||||||
display: "flex",
|
display: "flex",
|
||||||
flexDirection: "column",
|
flexDirection: "column",
|
||||||
alignItems: "center",
|
alignItems: "center",
|
||||||
minHeight: "100%",
|
height: "100%",
|
||||||
backgroundPosition: "center",
|
backgroundPosition: "center",
|
||||||
backgroundSize: "cover",
|
backgroundSize: "cover",
|
||||||
backgroundImage: settings.cfg.design
|
backgroundImage: settings.cfg.design
|
||||||
|
@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "@frontend/squzanswerer",
|
"name": "@frontend/squzanswerer",
|
||||||
"version": "1.0.13",
|
"version": "1.0.16",
|
||||||
"type": "module",
|
"type": "module",
|
||||||
"main": "./dist-package/index.js",
|
"main": "./dist-package/index.js",
|
||||||
"module": "./dist-package/index.js",
|
"module": "./dist-package/index.js",
|
||||||
|
Loading…
Reference in New Issue
Block a user