remove viewport css units breaking layout

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

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

@ -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,8 +45,6 @@ export const StartPageViewPublication = () => {
width: width:
settings.cfg.startpageType === "centered" settings.cfg.startpageType === "centered"
? "550px" ? "550px"
: settings.cfg.startpageType === "expanded"
? "100vw"
: "100%", : "100%",
height: height:
settings.cfg.startpageType === "centered" settings.cfg.startpageType === "centered"

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