diff --git a/lib/components/ViewPublicationPage/ContactForm.tsx b/lib/components/ViewPublicationPage/ContactForm.tsx index 37ad04a..49915b2 100644 --- a/lib/components/ViewPublicationPage/ContactForm.tsx +++ b/lib/components/ViewPublicationPage/ContactForm.tsx @@ -160,7 +160,7 @@ export const ContactForm = ({ currentQuestion, onShowResult }: Props) => { sx={{ width: isWide && !isMobile ? "100%" : isMobile ? undefined : "530px", borderRadius: "4px", - height: "90vh", + height: "100%", display: isWide && !isMobile ? "flex" : undefined, }} > diff --git a/lib/components/ViewPublicationPage/Question.tsx b/lib/components/ViewPublicationPage/Question.tsx index 440138b..818d53b 100644 --- a/lib/components/ViewPublicationPage/Question.tsx +++ b/lib/components/ViewPublicationPage/Question.tsx @@ -1,4 +1,4 @@ -import {Box, Link, useTheme} from "@mui/material"; +import { Box, Link, useTheme } from "@mui/material"; import { Footer } from "./Footer"; import { Date } from "./questions/Date"; @@ -15,13 +15,12 @@ import { Varimg } from "./questions/Varimg"; import type { RealTypedQuizQuestion } from "../../model/questionTypes/shared"; +import { useQuizData } from "@contexts/QuizDataContext"; import { NameplateLogoFQ } from "@icons/NameplateLogoFQ"; import { NameplateLogoFQDark } from "@icons/NameplateLogoFQDark"; -import { useQuizData } from "@contexts/QuizDataContext"; import { notReachable } from "@utils/notReachable"; import { quizThemes } from "@utils/themes/Publication/themePublication"; import { ReactNode } from "react"; -import { useRootContainerSize } from "../../contexts/RootContainerWidthContext"; type Props = { currentQuestion: RealTypedQuizQuestion; @@ -38,12 +37,12 @@ export const Question = ({ }: Props) => { const theme = useTheme(); const { settings } = useQuizData(); - const isMobile = useRootContainerSize() < 650; -console.log(settings) + + return ( {quizThemes[settings.cfg.theme].isLight ? ( - - - + + + ) : (