diff --git a/src/components/pages/ABDesign/v1/components/Questionnaire/CustomAnswers/MultipleAnswers/index.tsx b/src/components/pages/ABDesign/v1/components/Questionnaire/CustomAnswers/MultipleAnswers/index.tsx index 94e08e8..dbf3bcb 100644 --- a/src/components/pages/ABDesign/v1/components/Questionnaire/CustomAnswers/MultipleAnswers/index.tsx +++ b/src/components/pages/ABDesign/v1/components/Questionnaire/CustomAnswers/MultipleAnswers/index.tsx @@ -3,10 +3,11 @@ import styles from "./styles.module.scss"; import { useTranslation } from "react-i18next"; import { useDispatch, useSelector } from "react-redux"; import { actions, selectors } from "@/store"; -import {useNavigate, useLocation} from "react-router-dom"; +import { useNavigate, useLocation } from "react-router-dom"; import routes from "@/routes"; import Answer from "../../../../ui/Answer"; import QuestionnaireGreenButton from "../../../../ui/GreenButton"; +import BlurComponent from "@/components/BlurComponent"; interface IMultiplyAnswersProps { answers: IAnswer[]; @@ -55,7 +56,6 @@ function MultiplyAnswers({ answers }: IMultiplyAnswersProps) { ); }; - return ( <>
@@ -80,13 +80,18 @@ function MultiplyAnswers({ answers }: IMultiplyAnswersProps) { ))}
{!!currentlyAffecting.length && ( - - {t("next")} - + + {t("next")} + + )} ); diff --git a/src/components/pages/ABDesign/v1/components/Questionnaire/CustomAnswers/MultipleAnswers/styles.module.scss b/src/components/pages/ABDesign/v1/components/Questionnaire/CustomAnswers/MultipleAnswers/styles.module.scss index a6d6c34..a3ef039 100644 --- a/src/components/pages/ABDesign/v1/components/Questionnaire/CustomAnswers/MultipleAnswers/styles.module.scss +++ b/src/components/pages/ABDesign/v1/components/Questionnaire/CustomAnswers/MultipleAnswers/styles.module.scss @@ -8,12 +8,11 @@ width: 100%; } - .button { - position: fixed; - height: unset; + position: fixed !important; + height: unset !important; bottom: calc(0dvh + 16px); - width: calc(100% - 64px); + width: calc(100% - 64px) !important; max-width: 396px; margin-top: 8px; @@ -23,7 +22,7 @@ } .answer-active { - animation: pulse .7s ease-in-out; + animation: pulse 0.7s ease-in-out; } @keyframes pulse { @@ -36,4 +35,4 @@ 100% { transform: scale(1); } -} \ No newline at end of file +} diff --git a/src/components/pages/ABDesign/v1/ui/GreenButton/index.tsx b/src/components/pages/ABDesign/v1/ui/GreenButton/index.tsx index 50eeb24..eb7da29 100644 --- a/src/components/pages/ABDesign/v1/ui/GreenButton/index.tsx +++ b/src/components/pages/ABDesign/v1/ui/GreenButton/index.tsx @@ -1,24 +1,19 @@ -import MainButton, {ButtonProps} from "@/components/MainButton"; +import MainButton, { ButtonProps } from "@/components/MainButton"; import styles from "./styles.module.css"; -import BlurComponent from "@/components/BlurComponent"; interface IQuestionnaireGreenButtonProps extends ButtonProps { className?: string; - isActiveBlur?: boolean } function QuestionnaireGreenButton({ - className = "", - isActiveBlur, - ...props - }: IQuestionnaireGreenButtonProps) { + className = "", + ...props +}: IQuestionnaireGreenButtonProps) { return ( - - - + ); }