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

мелкие правки по дизайну

Browse Source
This commit is contained in:
Tamara 2024-04-10 02:57:31 +03:00
parent 49476e328e
commit 6fce3b3edb
6 changed files with 9 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -87,10 +87,7 @@ export const ResultForm = ({ resultQuestion }: ResultFormProps) => {
<Typography <Typography
sx={{ sx={{
fontSize: "14px", fontSize: "14px",
color: color: theme.palette.text.primary,
settings.cfg.startpageType === "expanded"
? "white"
: theme.palette.text.primary,
wordBreak: "break-word", wordBreak: "break-word",
}} }}
> >

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

@ -140,7 +140,8 @@ const ExpandedMobileLayout = ({
left: 0, left: 0,
top: 0, top: 0,
width: "100%", width: "100%",
minHeight: "100%", height: "100%",
// minHeight: "100%",
overflow: "hidden", overflow: "hidden",
"& > img": { "& > img": {
display: "block", display: "block",

3
lib/components/ViewPublicationPage/questions/Emoji.tsx
View File

@ -168,11 +168,12 @@ export const Emoji = ({ currentQuestion }: EmojiProps) => {
variant.answer.length <= 60 ? "center" : "flex-start", variant.answer.length <= 60 ? "center" : "flex-start",
position: "relative", position: "relative",
height: "80px", height: "80px",
justifyContent: "center",
"& .MuiFormControlLabel-label": { "& .MuiFormControlLabel-label": {
wordBreak: "break-word", wordBreak: "break-word",
height: variant.answer.length <= 60 ? undefined : "60px", height: variant.answer.length <= 60 ? undefined : "60px",
overflow: "auto", overflow: "auto",
paddingLeft: "45px", // paddingLeft: "45px",
"&::-webkit-scrollbar": { "&::-webkit-scrollbar": {
width: "4px", width: "4px",
}, },

6
lib/components/ViewPublicationPage/questions/Rating.tsx
View File

@ -83,7 +83,6 @@ export const Rating = ({ currentQuestion }: RatingProps) => {
gap: "20px", gap: "20px",
marginTop: "20px", marginTop: "20px",
flexDirection: "column", flexDirection: "column",
width: isMobile ? "100%" : undefined,
}} }}
> >
<Box <Box
@ -116,9 +115,9 @@ export const Rating = ({ currentQuestion }: RatingProps) => {
}} }}
sx={{ sx={{
height: "50px", height: "50px",
gap: isMobile ? undefined : "15px",
opacity: "1!important", opacity: "1!important",
"& .MuiRating-root.Mui-disabled": { opacity: "1!important" } "& .MuiRating-root.Mui-disabled": { opacity: "1!important" },
"& .MuiRating-icon": {mr: isMobile ? undefined : "15px"}
}} }}
max={currentQuestion.content.steps} max={currentQuestion.content.steps}
icon={form?.icon(theme.palette.primary.main, isMobile ? 30 : isTablet ? 40 : 50)} icon={form?.icon(theme.palette.primary.main, isMobile ? 30 : isTablet ? 40 : 50)}
@ -135,7 +134,6 @@ export const Rating = ({ currentQuestion }: RatingProps) => {
> >
<Typography sx={{ <Typography sx={{
color: "#9A9AAF" color: "#9A9AAF"
// color: theme.palette.grey2.main
}}> }}>
{currentQuestion.content.ratingNegativeDescription} {currentQuestion.content.ratingNegativeDescription}
</Typography> </Typography>

1
lib/components/ViewPublicationPage/questions/Varimg.tsx
View File

@ -105,6 +105,7 @@ export const Varimg = ({ currentQuestion }: VarimgProps) => {
: "#9A9AAF", : "#9A9AAF",
display: "flex", display: "flex",
margin: 0, margin: 0,
justifyContent: "space-between",
"&:hover": { borderColor: theme.palette.primary.main }, "&:hover": { borderColor: theme.palette.primary.main },
"& .MuiFormControlLabel-label": { "& .MuiFormControlLabel-label": {
wordBreak: "break-word", wordBreak: "break-word",

2
src/App.tsx
View File

@ -3,7 +3,7 @@ import { useParams } from "react-router-dom";
import QuizAnswerer from "../lib/components/QuizAnswerer"; import QuizAnswerer from "../lib/components/QuizAnswerer";
// const defaultQuizId = "45ef7f9c-784d-4e58-badb-f6b337f08ba0"; // branching // const defaultQuizId = "45ef7f9c-784d-4e58-badb-f6b337f08ba0"; // branching
const defaultQuizId = "0c568ac9-d176-491b-b6cd-5afd31254951"; //looooong header const defaultQuizId = "3c49550d-8c77-4788-bc2d-42586a261514"; //looooong header
// const defaultQuizId = "ad7f5a87-b833-4f5b-854e-453706ed655c"; // linear // const defaultQuizId = "ad7f5a87-b833-4f5b-854e-453706ed655c"; // linear
export default function App() { export default function App() {