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

remove viewport css units breaking layout

Browse Source
This commit is contained in:
nflnkr 2024-02-19 17:58:59 +03:00
parent ade7ca21ea
commit bacce7d9e6
3 changed files with 5 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -32,7 +32,7 @@ export const ResultForm = ({ resultQuestion }: ResultFormProps) => {
alignItems: "center",
justifyContent: "space-between",
height: "100%",
width: "100vw",
width: "100%",
pt: "28px",
overflow: "auto",
}}

8
lib/components/ViewPublicationPage/StartPageViewPublication.tsx
View File

@ -21,7 +21,7 @@ export const StartPageViewPublication = () => {
const handleCopyNumber = () => {
navigator.clipboard.writeText(settings.cfg.info.phonenumber);
};
console.log(settings.cfg.startpage.background.type)
console.log(settings.cfg.startpage.background.type);
const background =
settings.cfg.startpage.background.type === "image" ? (
@ -45,9 +45,7 @@ export const StartPageViewPublication = () => {
width:
settings.cfg.startpageType === "centered"
? "550px"
: settings.cfg.startpageType === "expanded"
? "100vw"
: "100%",
: "100%",
height:
settings.cfg.startpageType === "centered"
? "275px"
@ -345,7 +343,7 @@ function QuizPreviewLayoutByType({
<StartPageMobile />
) : (
<Box
id="pain"
id="pain"
sx={{
display: "flex",
flexDirection: alignType === "left" ? (isMobile ? "column-reverse" : "row") : "row-reverse",

2
lib/components/ViewPublicationPage/questions/Page.tsx
View File

@ -43,7 +43,7 @@ export const Page = ({ currentQuestion }: PageProps) => {
containerSX={{
width: "100%",
height: "calc(100% - 270px)",
maxHeight: "80vh",
maxHeight: "80%",
objectFit: "contain",
}}
videoUrl={currentQuestion.content.video}