fix: login error messages not rendering properly

2025-05-09 08:42:58 +01:00
parent f9c2fcec56
commit 3d41a016cf
3 changed files with 8 additions and 7 deletions
--- a/src/pages/login/forms/Form.tsx
+++ b/src/pages/login/forms/Form.tsx
@@ -202,11 +202,12 @@ export const Form = observer(({ page, callback }: Props) => {
                    />
                )}
                {error && (
-                    <Category>
-                        <I18nError error={error}>
-                            <Text id={`login.error.${page}`} />
-                        </I18nError>
-                    </Category>
+                    <p style={{ fontSize: "0.8em" }}>
+                        <Text id={`login.error.${page}`} /> &middot;{" "}
+                        <span style={{ color: "var(--error)" }}>
+                            <Text id={`error.${error}`} children={error} />
+                        </span>
+                    </p>
                )}
                <Button>
                    <Text