diff --git a/frontend/src/components/Modals/DisplayRecoveryCodeModal/index.jsx b/frontend/src/components/Modals/DisplayRecoveryCodeModal/index.jsx index 4a3751385..f8f56eb29 100644 --- a/frontend/src/components/Modals/DisplayRecoveryCodeModal/index.jsx +++ b/frontend/src/components/Modals/DisplayRecoveryCodeModal/index.jsx @@ -2,6 +2,7 @@ import showToast from "@/utils/toast"; import { DownloadSimple, Key } from "@phosphor-icons/react"; import { saveAs } from "file-saver"; import { useState } from "react"; +import ModalWrapper from "@/components/ModalWrapper"; export default function RecoveryCodeModal({ recoveryCodes, @@ -32,55 +33,59 @@ export default function RecoveryCodeModal({ }; return ( -
-
-
- - + +
+
+
+ +

+ Recovery Codes +

+
-
-

- In order to reset your password in the future, you will need these - recovery codes. Download or copy your recovery codes to save them.{" "} -
- These recovery codes are only shown once! -

-
-
    - {recoveryCodes.map((code, index) => ( -
  • - {code} -
  • - ))} -
+
+
+

+ In order to reset your password in the future, you will need these + recovery codes. Download or copy your recovery codes to save them.{" "} +
+ These recovery codes are only shown once! +

+
+
    + {recoveryCodes.map((code, index) => ( +
  • + {code} +
  • + ))} +
+
+
+
+
-
- -
-
+ ); } diff --git a/frontend/src/components/Modals/Password/MultiUserAuth.jsx b/frontend/src/components/Modals/Password/MultiUserAuth.jsx index ba5f9bf3e..c973d3616 100644 --- a/frontend/src/components/Modals/Password/MultiUserAuth.jsx +++ b/frontend/src/components/Modals/Password/MultiUserAuth.jsx @@ -32,7 +32,7 @@ const RecoveryForm = ({ onSubmit, setShowRecoveryForm }) => { return (
@@ -56,7 +56,7 @@ const RecoveryForm = ({ onSubmit, setShowRecoveryForm }) => { placeholder={t("login.multi-user.placeholder-username")} value={username} onChange={(e) => setUsername(e.target.value)} - className="bg-zinc-900 text-white placeholder:text-theme-settings-input-placeholder text-sm rounded-md p-2.5 w-full h-[48px] md:w-[300px] md:h-[34px]" + className="bg-theme-settings-input-bg text-theme-text-primary placeholder:text-theme-settings-input-placeholder focus:outline-primary-button active:outline-primary-button outline-none text-sm rounded-md p-2.5 w-full h-[48px] md:w-[300px] md:h-[34px]" required />
@@ -76,7 +76,7 @@ const RecoveryForm = ({ onSubmit, setShowRecoveryForm }) => { onChange={(e) => handleRecoveryCodeChange(index, e.target.value) } - className="bg-zinc-900 text-white placeholder:text-theme-settings-input-placeholder text-sm rounded-md p-2.5 w-full h-[48px] md:w-[300px] md:h-[34px]" + className="bg-theme-settings-input-bg text-theme-text-primary placeholder:text-theme-settings-input-placeholder focus:outline-primary-button active:outline-primary-button outline-none text-sm rounded-md p-2.5 w-full h-[48px] md:w-[300px] md:h-[34px]" required />
@@ -115,7 +115,7 @@ const ResetPasswordForm = ({ onSubmit }) => { return (
@@ -281,7 +281,7 @@ export default function MultiUserAuth() { return ( <> -
+
@@ -292,7 +292,7 @@ export default function MultiUserAuth() { {customAppName || "AnythingLLM"}

-

+

{t("login.sign-in.start")} {customAppName || "AnythingLLM"}{" "} {t("login.sign-in.end")}

@@ -305,7 +305,7 @@ export default function MultiUserAuth() { name="username" type="text" placeholder={t("login.multi-user.placeholder-username")} - className="bg-zinc-900 text-white placeholder:text-theme-settings-input-placeholder text-sm rounded-md p-2.5 w-full h-[48px] md:w-[300px] md:h-[34px]" + className="bg-theme-settings-input-bg text-theme-text-primary placeholder:text-theme-settings-input-placeholder focus:outline-primary-button active:outline-primary-button outline-none text-sm rounded-md p-2.5 w-full h-[48px] md:w-[300px] md:h-[34px]" required={true} autoComplete="off" /> @@ -315,7 +315,7 @@ export default function MultiUserAuth() { name="password" type="password" placeholder={t("login.multi-user.placeholder-password")} - className="bg-zinc-900 text-white placeholder:text-theme-settings-input-placeholder text-sm rounded-md p-2.5 w-full h-[48px] md:w-[300px] md:h-[34px]" + className="bg-theme-settings-input-bg text-theme-text-primary placeholder:text-theme-settings-input-placeholder focus:outline-primary-button active:outline-primary-button outline-none text-sm rounded-md p-2.5 w-full h-[48px] md:w-[300px] md:h-[34px]" required={true} autoComplete="off" /> diff --git a/frontend/src/components/Modals/Password/SingleUserAuth.jsx b/frontend/src/components/Modals/Password/SingleUserAuth.jsx index 6f4f10047..6137e5282 100644 --- a/frontend/src/components/Modals/Password/SingleUserAuth.jsx +++ b/frontend/src/components/Modals/Password/SingleUserAuth.jsx @@ -70,7 +70,7 @@ export default function SingleUserAuth() { return ( <> -
+
@@ -81,7 +81,7 @@ export default function SingleUserAuth() { {customAppName || "AnythingLLM"}

-

+

{t("login.sign-in.start")} {customAppName || "AnythingLLM"}{" "} {t("login.sign-in.end")}

@@ -94,12 +94,11 @@ export default function SingleUserAuth() { name="password" type="password" placeholder="Password" - className="bg-zinc-900 text-white placeholder:text-theme-settings-input-placeholder text-sm rounded-md p-2.5 w-full h-[48px] md:w-[300px] md:h-[34px]" + className="bg-theme-settings-input-bg text-theme-text-primary placeholder:text-theme-settings-input-placeholder focus:outline-primary-button active:outline-primary-button outline-none text-sm rounded-md p-2.5 w-full h-[48px] md:w-[300px] md:h-[34px]" required={true} autoComplete="off" />
- {error &&

Error: {error}

}
@@ -109,13 +108,13 @@ export default function SingleUserAuth() { type="submit" className="md:text-primary-button md:bg-transparent text-dark-text text-sm font-bold focus:ring-4 focus:outline-none rounded-md border-[1.5px] border-primary-button md:h-[34px] h-[48px] md:hover:text-white md:hover:bg-primary-button bg-primary-button focus:z-10 w-full" > - {loading ? "Validating..." : "Login"} + {loading ? t("login.multi-user.validating") : t("login.multi-user.login")}
- + +
-
+
Logo {mode === "single" ? : } diff --git a/frontend/src/media/illustrations/login-logo.svg b/frontend/src/media/illustrations/login-logo.svg index 729f847c0..79b3f9ae6 100644 --- a/frontend/src/media/illustrations/login-logo.svg +++ b/frontend/src/media/illustrations/login-logo.svg @@ -1,35 +1,43 @@ - - - - - - - + + + + + + + + - + + - + + + + + + + + + + + - - + + - + - - - - - + - +