diff --git a/src/features/auth/components/LoginForm.tsx b/src/features/auth/components/LoginForm.tsx index bd47635e..8399da89 100644 --- a/src/features/auth/components/LoginForm.tsx +++ b/src/features/auth/components/LoginForm.tsx @@ -26,7 +26,6 @@ function LoginForm({ isLoading, onLogin, onForgotPasswordClick }: Props) {
Forgot your password? -
@@ -42,7 +41,8 @@ const styles: { [key: string]: React.CSSProperties } = { display: 'flex', flexDirection: 'column', alignItems: 'center', - width: '100%', + width: '80vw', + maxWidth: 320, }, textInput: { marginTop: 20, diff --git a/src/features/quiz/components/QuizProgress.tsx b/src/features/quiz/components/QuizProgress.tsx index 63deb1ff..1aae3d9a 100644 --- a/src/features/quiz/components/QuizProgress.tsx +++ b/src/features/quiz/components/QuizProgress.tsx @@ -1,4 +1,3 @@ -import { useMediaQuery } from '@mui/material'; import { CmBackButton, CmTypography } from 'shared/components'; interface Props { @@ -9,11 +8,9 @@ interface Props { } function QuizProgress({ onBack, currentQuestionIndex, maxQuestionIndex, alternativeText }: Props) { - const isSmall = useMediaQuery('(max-width: 960px)'); - // We only show the back button on the top for small screens. For larger screens it is beneath the question. // And of course we don't show it on the first question, because there's no question to go back to. - const showBackButtonTop = isSmall && (maxQuestionIndex - currentQuestionIndex) !== 9; + const showBackButtonTop = (maxQuestionIndex - currentQuestionIndex) !== 9; // Calculate the current value of the progress bar. let progress = currentQuestionIndex / 10 - 0.1; diff --git a/src/pages/UserAUnauthorizedPages/LoginPage.tsx b/src/pages/UserAUnauthorizedPages/LoginPage.tsx index 79f234e1..d85fc890 100644 --- a/src/pages/UserAUnauthorizedPages/LoginPage.tsx +++ b/src/pages/UserAUnauthorizedPages/LoginPage.tsx @@ -9,6 +9,7 @@ import { useMobileView } from 'shared/hooks'; function LoginPage() { const devMode = localStorage.getItem('devMode') === 'true'; + const navigate = useNavigate(); const location = useLocation(); const isMobile = useMobileView(); @@ -50,7 +51,7 @@ function LoginPage() {
setShowPasswordResetModal(true)} /> -
+ {devMode &&
} {devMode && }
diff --git a/src/pages/UserBPages/UserBLoginPage.tsx b/src/pages/UserBPages/UserBLoginPage.tsx index 77d6aa5b..143b9759 100644 --- a/src/pages/UserBPages/UserBLoginPage.tsx +++ b/src/pages/UserBPages/UserBLoginPage.tsx @@ -8,6 +8,8 @@ import { useMobileView } from 'shared/hooks'; import GoogleLogin from 'features/auth/components/GoogleLogin'; function UserBLoginPage() { + const devMode = localStorage.getItem('devMode') === 'true'; + const navigate = useNavigate(); const { conversationId } = useParams(); const isMobile = useMobileView(); @@ -50,8 +52,8 @@ function UserBLoginPage() { Climate Mind Logo
setShowPasswordResetModal(true)} /> -
- + {devMode &&
} + {devMode && }
setShowPasswordResetModal(false)} onSubmit={handlePasswordReset} />