barbercollie/tinyauth
1
0
Fork 1
mirror of https://github.com/steveiliop56/tinyauth.git synced 2025-10-28 04:35:40 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: fix error state look in login form

Browse Source
This commit is contained in:
Stavros
2025-07-06 00:46:59 +03:00
parent 8b70ab47a4
commit f780e81ec2
2 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
frontend/src/components/auth/login-form.tsx
View File

@@ -33,9 +33,9 @@ export const LoginForm = (props: Props) => {
control={form.control} control={form.control}
name="username" name="username"
render={({ field }) => ( render={({ field }) => (
<FormItem className="mb-4"> <FormItem className="mb-4 gap-0">
<FormLabel>{t("loginUsername")}</FormLabel> <FormLabel className="mb-2">{t("loginUsername")}</FormLabel>
<FormControl> <FormControl className="mb-1">
<Input <Input
placeholder={t("loginUsername")} placeholder={t("loginUsername")}
disabled={loading} disabled={loading}
@@ -50,8 +50,8 @@ export const LoginForm = (props: Props) => {
control={form.control} control={form.control}
name="password" name="password"
render={({ field }) => ( render={({ field }) => (
<FormItem className="mb-4"> <FormItem className="mb-4 gap-0">
<div className="relative"> <div className="relative mb-1">
<FormLabel className="mb-2">{t("loginPassword")}</FormLabel> <FormLabel className="mb-2">{t("loginPassword")}</FormLabel>
<FormControl> <FormControl>
<Input <Input
@@ -61,14 +61,14 @@ export const LoginForm = (props: Props) => {
{...field} {...field}
/> />
</FormControl> </FormControl>
<FormMessage />
<a <a
href="/forgot-password" href="/forgot-password"
className="text-muted-foreground text-sm absolute right-0 bottom-10" className="text-muted-foreground text-sm absolute right-0 bottom-[2.565rem]" // 2.565 is *just* perfect
> >
{t("forgotPasswordTitle")} {t("forgotPasswordTitle")}
</a> </a>
</div> </div>
<FormMessage />
</FormItem> </FormItem>
)} )}
/> />

2
frontend/src/index.css
View File

@@ -136,7 +136,7 @@ h4 {
} }
p { p {
@apply leading-6 [&:not(:first-child)]:mt-6; @apply leading-6;
} }
blockquote { blockquote {