SQuiz/frontAnswerer
2
0
Fork 0
Code Issues 4 Pull Requests Actions Packages Projects Releases Wiki Activity

remove viewport css units

Browse Source
This commit is contained in:
nflnkr 2024-02-19 17:20:21 +03:00
parent 437713aabd
commit ade7ca21ea
2 changed files with 9 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
lib/components/ViewPublicationPage/ContactForm.tsx
View File

@ -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,
}}
>

9
lib/components/ViewPublicationPage/Question.tsx
View File

@ -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 (
<Box sx={{
backgroundColor: theme.palette.background.default,
height: isMobile ? "100%" : "100vh"
height: "100%",
}}>
<Box sx={{
height: "calc(100% - 75px)",