diff --git a/src/pages/InstallQuiz/InstallQuiz.tsx b/src/pages/InstallQuiz/InstallQuiz.tsx index b55b25ed..d63f3257 100644 --- a/src/pages/InstallQuiz/InstallQuiz.tsx +++ b/src/pages/InstallQuiz/InstallQuiz.tsx @@ -74,6 +74,7 @@ export default function InstallQuiz() { const theme = useTheme(); const isMobile = useMediaQuery(theme.breakpoints.down(600)); + const isSmallMonitor = useMediaQuery(theme.breakpoints.down(1065)); const CopyLink = () => { let one = document.getElementById("inputLinkone").value; let text = document.getElementById("inputLink").value; @@ -295,9 +296,9 @@ export default function InstallQuiz() { diff --git a/src/pages/Questions/BranchingModal/BranchingQuestionsModal.tsx b/src/pages/Questions/BranchingModal/BranchingQuestionsModal.tsx index f6a01e5d..b07b75d9 100644 --- a/src/pages/Questions/BranchingModal/BranchingQuestionsModal.tsx +++ b/src/pages/Questions/BranchingModal/BranchingQuestionsModal.tsx @@ -39,6 +39,7 @@ import TooltipClickInfo from "@ui_kit/Toolbars/TooltipClickInfo"; export default function BranchingQuestions() { const theme = useTheme(); const isMobile = useMediaQuery(theme.breakpoints.down(650)); + const isSmallMobile = useMediaQuery(theme.breakpoints.down(400)); const { openedModalSettingsId } = useUiTools(); const [targetQuestion, setTargetQuestion] = useState( @@ -119,7 +120,23 @@ export default function BranchingQuestions() { }} > - {targetQuestion.title} + + {targetQuestion.title} + {isMobile ? ( { return ( - + { fontSize: "36px", fontWeight: "500", mb: "50px", - mt: "60px", + lineHeight: "normal", + wordBreak: "break-word", }} > {quiz.name} diff --git a/src/ui_kit/Header/HeaderFull.tsx b/src/ui_kit/Header/HeaderFull.tsx index 319c74cc..a9827891 100644 --- a/src/ui_kit/Header/HeaderFull.tsx +++ b/src/ui_kit/Header/HeaderFull.tsx @@ -5,6 +5,8 @@ import { Typography, useTheme, useMediaQuery, + SxProps, + Theme, } from "@mui/material"; import NavMenuItem from "./NavMenuItem"; import Logotip from "../../pages/Landing/images/icons/QuizLogo"; @@ -21,7 +23,12 @@ import { ToTariffsButton } from "@ui_kit/Toolbars/ToTariffsButton"; import ArrowLeft from "@icons/questionsPage/arrowLeft"; import { cleanAuthTicketData } from "@root/ticket"; -export default function HeaderFull({ isRequest }: boolean) { +interface Props { + isRequest: boolean; + sx?: SxProps; +} + +export default function HeaderFull({ isRequest, sx }: Props) { const theme = useTheme(); const navigate = useNavigate(); const isTablet = useMediaQuery(theme.breakpoints.down(1000)); @@ -55,6 +62,7 @@ export default function HeaderFull({ isRequest }: boolean) { justifyContent: isMobile ? "space-between" : "center", bgcolor: "white", borderBottom: "1px solid #E3E3E3", + ...sx, }} > diff --git a/src/ui_kit/Sidebar/Sidebar.tsx b/src/ui_kit/Sidebar/Sidebar.tsx index 5f1a807a..6f179b66 100755 --- a/src/ui_kit/Sidebar/Sidebar.tsx +++ b/src/ui_kit/Sidebar/Sidebar.tsx @@ -81,7 +81,7 @@ export default function Sidebar({ changePage, disableCollapse }: SidebarProps) { color: theme.palette.grey2.main, }} > - Создание quiz + {`Создание ${quiz.config.type}`} )} {!disableCollapse && ( @@ -145,7 +145,7 @@ export default function Sidebar({ changePage, disableCollapse }: SidebarProps) { color: theme.palette.grey2.main, }} > - Настройки quiz + {`Настройки ${quiz.config.type}`} )} diff --git a/src/ui_kit/Sidebar/SidebarMobile.tsx b/src/ui_kit/Sidebar/SidebarMobile.tsx index 373a65e1..22a07d1a 100644 --- a/src/ui_kit/Sidebar/SidebarMobile.tsx +++ b/src/ui_kit/Sidebar/SidebarMobile.tsx @@ -148,7 +148,7 @@ export const SidebarMobile: FC = ({ sx={{ ml: "15px", display: "flex", - alignItems: "end", + alignItems: "center", width: "100%", justifyContent: "space-between", }} @@ -174,7 +174,7 @@ export const SidebarMobile: FC = ({ id="project-name" placeholder="Название проекта" sx={{ - width: "270px", + width: "85%", "& .MuiInputBase-root": { height: "34px", borderRadius: "8px", @@ -202,7 +202,7 @@ export const SidebarMobile: FC = ({ )} - setInputOpen(true)}> + setInputOpen(true)} sx={{ mt: "10px" }}>