fix: truncate forgot password text if it's too big

steveiliop56 · steveiliop56 · commit 0812bc3869c5 · 2026-07-09T16:18:28.000+03:00
diff --git a/frontend/src/components/auth/login-form.tsx b/frontend/src/components/auth/login-form.tsx
@@ -78,7 +78,7 @@ export const LoginForm = (props: Props) => {
                       `/forgot-password${props.params ? `${props.params}` : ""}`,
                     );
                   }}
-                  className="text-muted-foreground hover:text-muted-foreground/80 text-sm absolute right-0 bottom-[2.565rem]" // 2.565 is *just* perfect
+                  className="text-muted-foreground hover:text-muted-foreground/80 text-sm absolute right-0 bottom-[2.565rem] max-w-40 truncate" // 2.565 is *just* perfect
                 >
                   {t("forgotPasswordTitle")}
                 </a>

Original file line number	Diff line number	Diff line change
`@@ -78,7 +78,7 @@ export const LoginForm = (props: Props) => {`
`78`	`78`	`/forgot-password${props.params ? `${props.params}` : ""}`,
`79`	`79`	`);`
`80`	`80`	`}}`
`81`		`- className="text-muted-foreground hover:text-muted-foreground/80 text-sm absolute right-0 bottom-[2.565rem]" // 2.565 is just perfect`
	`81`	`+ className="text-muted-foreground hover:text-muted-foreground/80 text-sm absolute right-0 bottom-[2.565rem] max-w-40 truncate" // 2.565 is just perfect`
`82`	`82`	`>`
`83`	`83`	`{t("forgotPasswordTitle")}`
`84`	`84`	`</a>`