fix startpage layout

remove vh units
This commit is contained in:
nflnkr 2024-04-02 20:43:50 +03:00
parent ededa7e339
commit 73e6a95902
3 changed files with 9 additions and 11 deletions

@ -97,16 +97,15 @@ export const Question = ({
>
<Box
sx={{
height: "calc(100vh - 75px)",
height: "calc(100% - 75px)",
overflow: "auto",
width: "100%"
}}
>
<Box
sx={{
// height: "calc(100% - 75px)",
height: "calc(100% - 75px)",
width: "100%",
minHeight: "calc(100vh - 75px)",
maxWidth: "1440px",
padding: "40px 25px 20px",
margin: "0 auto",

@ -36,7 +36,7 @@ const StandartLayout = ({
sx={{
display: "flex",
flexDirection: alignType === "left" ? "row" : "row-reverse",
minHeight: "100%",
height: "100%",
backgroundPosition: "center",
backgroundSize: "cover",
backgroundImage: settings.cfg.design
@ -74,11 +74,10 @@ const ExpandedLayout = ({
quizMainBlock,
backgroundBlock,
}: LayoutProps) => (
<Box>
<>
<Box
sx={{
zIndex: 3,
minHeight: "100%",
height: "100%",
width: "40%",
padding: "16px",
margin:
@ -92,7 +91,7 @@ const ExpandedLayout = ({
<Box
sx={{
padding: "16px",
minHeight: "calc(100vh - 32px)",
minHeight: "calc(100% - 32px)",
position: "relative",
display: "flex",
flexDirection: "column",
@ -119,7 +118,7 @@ const ExpandedLayout = ({
>
{backgroundBlock}
</Box>
</Box>
</>
);
const CenteredLayout = ({
@ -137,7 +136,7 @@ const CenteredLayout = ({
display: "flex",
flexDirection: "column",
alignItems: "center",
minHeight: "100%",
height: "100%",
backgroundPosition: "center",
backgroundSize: "cover",
backgroundImage: settings.cfg.design

@ -1,6 +1,6 @@
{
"name": "@frontend/squzanswerer",
"version": "1.0.13",
"version": "1.0.16",
"type": "module",
"main": "./dist-package/index.js",
"module": "./dist-package/index.js",