SQuiz/frontAnswerer
3
0
Fork 0
Code Issues 6 Pull Requests Actions Packages Projects Releases Wiki Activity

немного правок по стартовой

Browse Source
This commit is contained in:
Tamara 2024-05-03 02:05:39 +03:00
parent 75691a564b
commit e36917e19b
3 changed files with 67 additions and 61 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
lib/components/ViewPublicationPage/StartPageViewPublication/StartPageDesktop.tsx
View File

@ -96,19 +96,22 @@ const ExpandedLayout = ({
quizHeaderBlock,
quizMainBlock,
backgroundBlock,
}: LayoutProps) => (
}: LayoutProps) => {
const size = useRootContainerSize();
const isTablet = size >= 700 && size < 1100;
return (
<>
<Box
sx={{
height: "100%",
width: alignType === "center"? "100%": "42%",
width: alignType === "center" ? "100%" : isTablet ? "46%" : "42%",
display: "flex",
padding:
alignType === "center"
? "30px 35px"
? isTablet ? "30px 40px" : "30px 35px"
: alignType === "left"
? "25px 0 31px 35px"
: "25px 35px 31px 0",
? isTablet ? "25px 0 31px 40px" : "25px 0 31px 35px"
: isTablet ? "25px 40px 31px 0" : "25px 35px 31px 0",
margin:
alignType === "center"
? "0 auto"
@ -164,7 +167,8 @@ const ExpandedLayout = ({
{backgroundBlock}
</Box>
</>
);
);
}
const CenteredLayout = ({
quizHeaderBlock,
@ -177,7 +181,7 @@ const CenteredLayout = ({
<Box
sx={{
overflow: "auto",
padding: "25px 25px 25px",
padding: isTablet ? "25px 40px 25px" : "25px 25px 25px",
display: "flex",
flexDirection: "column",
alignItems: "center",

4
lib/components/ViewPublicationPage/StartPageViewPublication/StartPageMobile.tsx
View File

@ -135,7 +135,7 @@ const ExpandedMobileLayout = ({
>
<Box
sx={{
padding: "16px",
padding: "20px",
height: "80%",
display: "flex",
flexGrow: 1,
@ -200,7 +200,7 @@ const CenteredMobileLayout = ({
flexDirection: "column",
justifyContent: "space-between",
alignItems: "flex-start",
padding: "10px 25px 25px",
padding: "20px",
height: "100%",
overflowY: "auto",
overflowX: "hidden",

4
lib/components/ViewPublicationPage/StartPageViewPublication/index.tsx
View File

@ -95,7 +95,8 @@ export const StartPageViewPublication = () => {
alignItems: "center",
flexWrap: settings.cfg.startpageType === "expanded" && settings.cfg.startpage.position === "center"? "nowrap" : "wrap",
gap: isMobile? "20px" : "30px",
mb: settings.cfg.startpageType === "centered" ? "25px" : "7px",
mb: settings.cfg.startpageType === "centered" ? isMobile? "20px" : "25px" : "7px",
justifyContent: settings.cfg.startpageType === "expanded" && settings.cfg.startpage.position === "center" && isMobile? "center" : undefined
}}
>
{settings.cfg.startpage.logo &&
@ -136,6 +137,7 @@ export const StartPageViewPublication = () => {
alignItems: "center",
gap: "7px",
textDecoration: "none",
marginLeft: settings.cfg.startpageType === "expanded" && settings.cfg.startpage.position === "center" && !isTablet &&!isMobile ? "50px" : undefined
}}
>
<NameplateLogo