добавлен скроллбар в редактирование вопросов

src/pages/DesignPage/DesignFilling.tsx

@@ -10,6 +10,7 @@ import { updateQuiz } from "@root/quizes/actions";
 import { useCurrentQuiz } from "@root/quizes/hooks";
 import type { DesignItem } from "./DesignGroup";
 import { DesignGroup } from "./DesignGroup";
+import pinkScrollbar from "@utils/pinkScrollbar";
 
 import Desgin1 from "@icons/designs/smallSize/design1.jpg";
 import Desgin2 from "@icons/designs/smallSize/design2.jpg";
@@ -133,15 +134,7 @@ export const DesignFilling = ({
             padding: "20px",
             height: "100%",
             overflow: "auto",
-            scrollbarWidth: "auto",
+            ...pinkScrollbar(theme)
-            "&::-webkit-scrollbar": {
-              display: "block",
-              width: "8px",
-            },
-            "&::-webkit-scrollbar-thumb": {
-              backgroundColor: theme.palette.brightPurple.main,
-              borderRadius: "4px",
-            },
           }}
         >
           <Box sx={{ display: "flex", gap: "20px", flexWrap: "wrap" }}>
@@ -199,3 +192,4 @@ export const DesignFilling = ({
     </Box>
   );
 };
+

src/pages/startPage/EditPage.tsx

@@ -22,7 +22,7 @@ import { ModalInfoWhyCantCreate } from "./ModalInfoWhyCantCreate";
 import { ConfirmLeaveModal } from "./ConfirmLeaveModal";
 import { checkQuestionHint } from "@utils/checkQuestionHint";
 import AmoTokenExpiredDialog from "../IntegrationsPage/IntegrationsModal/Amo/AmoTokenExpiredDialog";
-import { useAmoAccount } from "@/api/integration";
+import pinkScrollbar from "@utils/pinkScrollbar";
 
 interface Props {
   openBranchingPage: boolean;
@@ -121,6 +121,7 @@ export default function EditPage({
           }}
         >
           <Box
+      id="lol"
             onScroll={onScroll}
             ref={mainBlock}
             sx={{
@@ -140,6 +141,7 @@ export default function EditPage({
               boxSizing: "border-box",
               transition: "transform 0.3s",
               paddingBottom: scrollDown && isMobile ? "120px" : undefined,
+              ...pinkScrollbar(theme)
             }}
           >
             {quizConfig && (

src/utils/pinkScrollbar.ts

@@ -0,0 +1,13 @@
+import { Theme } from "@mui/material";
+
+export default (theme: Theme) => ({
+    scrollbarWidth: "auto",
+    "&::-webkit-scrollbar": {
+        display: "block",
+        width: "8px",
+    },
+    "&::-webkit-scrollbar-thumb": {
+        backgroundColor: theme.palette.brightPurple.main,
+        borderRadius: "4px",
+    }
+});