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