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", alignItems: "center",
justifyContent: "space-between", justifyContent: "space-between",
height: "100%", height: "100%",
width: "100vw", width: "100%",
pt: "28px", pt: "28px",
overflow: "auto", overflow: "auto",
}} }}

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

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