fix logo positioning

This commit is contained in:
nflnkr 2024-04-06 17:02:16 +03:00
parent bcf6b1e1d0
commit 3dab3b9550
2 changed files with 26 additions and 8 deletions

@ -54,6 +54,8 @@ export const Question = ({
<Box <Box
sx={{ sx={{
height: "100%", height: "100%",
display: "flex",
flexDirection: "column",
background: settings.cfg.design background: settings.cfg.design
? quizThemes[settings.cfg.theme].isLight ? quizThemes[settings.cfg.theme].isLight
? "transparent" ? "transparent"
@ -64,19 +66,19 @@ export const Question = ({
> >
<Box <Box
sx={{ sx={{
height: "calc(100% - 75px)",
overflow: "auto", overflow: "auto",
width: "100%" width: "100%",
flexGrow: 1,
}} }}
> >
<Box <Box
sx={{ sx={{
height: "calc(100% - 75px)", position: "relative",
height: "100%",
width: "100%", width: "100%",
maxWidth: "1440px", maxWidth: "1440px",
padding: "40px 25px 20px", padding: "40px 25px 20px",
margin: "0 auto", margin: "0 auto",
//overflow: "auto",
display: "flex", display: "flex",
flexDirection: "column", flexDirection: "column",
justifyContent: "space-between", justifyContent: "space-between",
@ -88,14 +90,30 @@ export const Question = ({
stepNumber={currentQuestionStepNumber} stepNumber={currentQuestionStepNumber}
/> />
{show_badge && ( {show_badge && (
<Link target="_blank" href="https://quiz.pena.digital" sx={{ mt: "20px", textAlign: "end" }}> <Link
target="_blank"
href="https://quiz.pena.digital"
sx={{
position: "absolute",
bottom: "20px",
right: "25px",
}}
>
{quizThemes[settings.cfg.theme].isLight ? ( {quizThemes[settings.cfg.theme].isLight ? (
<NameplateLogoFQ <NameplateLogoFQ
style={{ fontSize: "34px", width: "200px", height: "auto" }} style={{
fontSize: "34px",
width: "200px",
height: "auto",
}}
/> />
) : ( ) : (
<NameplateLogoFQDark <NameplateLogoFQDark
style={{ fontSize: "34px", width: "200px", height: "auto" }} style={{
fontSize: "34px",
width: "200px",
height: "auto",
}}
/> />
)} )}
</Link> </Link>

@ -1,6 +1,6 @@
{ {
"name": "@frontend/squzanswerer", "name": "@frontend/squzanswerer",
"version": "1.0.18", "version": "1.0.19",
"type": "module", "type": "module",
"main": "./dist-package/index.js", "main": "./dist-package/index.js",
"module": "./dist-package/index.js", "module": "./dist-package/index.js",