diff --git a/lib/components/ViewPublicationPage/StartPageViewPublication/StartPageDesktop.tsx b/lib/components/ViewPublicationPage/StartPageViewPublication/StartPageDesktop.tsx index 0915a7d..4527c59 100644 --- a/lib/components/ViewPublicationPage/StartPageViewPublication/StartPageDesktop.tsx +++ b/lib/components/ViewPublicationPage/StartPageViewPublication/StartPageDesktop.tsx @@ -96,75 +96,79 @@ const ExpandedLayout = ({ quizHeaderBlock, quizMainBlock, backgroundBlock, -}: LayoutProps) => ( - <> - +}: LayoutProps) => { + const size = useRootContainerSize(); + const isTablet = size >= 700 && size < 1100; + return ( + <> - {alignType !== "center" && quizHeaderBlock} - {quizMainBlock} + + {alignType !== "center" && quizHeaderBlock} + {quizMainBlock} + - - - {backgroundBlock} - - -); + + {backgroundBlock} + + + ); +} const CenteredLayout = ({ quizHeaderBlock, @@ -177,7 +181,7 @@ const CenteredLayout = ({ { 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 }} >