SQuiz/frontAnswerer
3
0
Fork 0
Code Issues 6 Pull Requests Actions Packages Projects Releases Wiki Activity

fixed standart start page design

Browse Source
This commit is contained in:
aleksandr-raw 2024-05-02 12:20:01 +04:00
parent 755ac81ce8
commit 1bd93fa2d7
4 changed files with 12 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
lib/components/ViewPublicationPage/StartPageViewPublication/StartPageDesktop.tsx
View File

@ -59,7 +59,7 @@ const StandartLayout = ({
flexDirection: "column", flexDirection: "column",
justifyContent: "space-between", justifyContent: "space-between",
alignItems: "flex-start", alignItems: "flex-start",
p: "25px", p: isTablet? "25px" : alignType === 'left'? "25px 25px 25px 35px" : "25px 35px 25px 25px" ,
overflowY: "auto", overflowY: "auto",
background: background:
settings.cfg.design && !quizThemes[settings.cfg.theme].isLight settings.cfg.design && !quizThemes[settings.cfg.theme].isLight

3
lib/components/ViewPublicationPage/StartPageViewPublication/StartPageMobile.tsx
View File

@ -49,7 +49,7 @@ const StandartMobileLayout = ({
flexDirection: "column", flexDirection: "column",
justifyContent: "space-between", justifyContent: "space-between",
alignItems: "flex-start", alignItems: "flex-start",
p: "25px", p: "20px",
height: "100%", height: "100%",
overflowY: "auto", overflowY: "auto",
overflowX: "hidden", overflowX: "hidden",
@ -91,6 +91,7 @@ const StandartMobileLayout = ({
flexDirection: "column", flexDirection: "column",
justifyContent: "space-between", justifyContent: "space-between",
width: "100%", width: "100%",
marginTop: "30px"
}} }}
> >
{quizMainBlock} {quizMainBlock}

12
lib/components/ViewPublicationPage/StartPageViewPublication/index.tsx
View File

@ -153,7 +153,7 @@ export const StartPageViewPublication = () => {
sx={{ sx={{
display: "flex", display: "flex",
flexDirection: "column", flexDirection: "column",
justifyContent: "center", justifyContent: isMobile? "start" : "center",
flexGrow: settings.cfg.startpageType === "centered" ? 0 : 1, flexGrow: settings.cfg.startpageType === "centered" ? 0 : 1,
alignItems: alignItems:
settings.cfg.startpageType === "centered" settings.cfg.startpageType === "centered"
@ -170,7 +170,7 @@ export const StartPageViewPublication = () => {
<Typography <Typography
sx={{ sx={{
fontWeight: "700", fontWeight: "700",
fontSize: "26px", fontSize: "27px",
fontStyle: "normal", fontStyle: "normal",
fontStretch: "normal", fontStretch: "normal",
lineHeight: "1.2", lineHeight: "1.2",
@ -193,7 +193,7 @@ export const StartPageViewPublication = () => {
sx={{ sx={{
fontSize: "17px", fontSize: "17px",
fontWeight: "400", fontWeight: "400",
margin: "16px 0 30px", margin: "12px 0 30px",
overflowWrap: "break-word", overflowWrap: "break-word",
width: "100%", width: "100%",
textAlign: textAlign:
@ -242,7 +242,7 @@ export const StartPageViewPublication = () => {
? 0 ? 0
: 1 : 1
: 0, : 0,
gap: "20px", gap: isMobile? "30px" : "40px",
alignItems: "flex-end", alignItems: "flex-end",
justifyContent: settings.cfg.startpageType === "centered" || settings.cfg.startpageType === "expanded" && settings.cfg.startpage.position === "center" && isMobile? "center" : "space-between", justifyContent: settings.cfg.startpageType === "centered" || settings.cfg.startpageType === "expanded" && settings.cfg.startpage.position === "center" && isMobile? "center" : "space-between",
width: "100%", width: "100%",
@ -307,7 +307,7 @@ export const StartPageViewPublication = () => {
<Typography <Typography
sx={{ sx={{
fontSize: "16px", fontSize: "16px",
marginTop: "5px", marginTop: "10px",
color: color:
settings.cfg.startpageType === "expanded" settings.cfg.startpageType === "expanded"
? "#FFFFFF" ? "#FFFFFF"
@ -324,7 +324,7 @@ export const StartPageViewPublication = () => {
fontSize: "12px", fontSize: "12px",
maxHeight: "120px", maxHeight: "120px",
overflow: "auto", overflow: "auto",
marginTop: "5px", marginTop: "10px",
"&::-webkit-scrollbar": { width: 0 }, "&::-webkit-scrollbar": { width: 0 },
color: color:
settings.cfg.startpageType === "expanded" settings.cfg.startpageType === "expanded"

6
lib/utils/themes/generic.ts
View File

@ -1,5 +1,5 @@
import { createTheme } from "@mui/material"; import {createTheme} from "@mui/material";
import { fontFaces } from "./fontFace"; import {fontFaces} from "./fontFace";
declare module '@mui/material/Button' { declare module '@mui/material/Button' {
interface ButtonPropsVariantOverrides { interface ButtonPropsVariantOverrides {
@ -100,8 +100,8 @@ const theme = createTheme({
fontWeight: 500, fontWeight: 500,
}, },
fontFamily: [ fontFamily: [
"Twemoji Country Flags",
'"Lato"', '"Lato"',
"Twemoji Country Flags",
"-apple-system", "-apple-system",
"BlinkMacSystemFont", "BlinkMacSystemFont",
"Arial", "Arial",