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 <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",