Fixed images on rtl mode

This commit is contained in:
User
2024-12-29 14:40:56 -05:00
parent 2b52f7f15a
commit 3a1d4cc40a
11 changed files with 82 additions and 41 deletions

View File

@@ -1,11 +1,12 @@
import { Head, Link, useForm } from '@inertiajs/react';
import GuestLayout from "@/Layouts/GuestLayout.jsx";
import InputError from '@/components/InputError';
import Checkbox from '@/components/Checkbox';
import PrimaryButton from '@/components/PrimaryButton';
import TextInput from '@/components/TextInput';
import { Head, Link, useForm } from '@inertiajs/react';
import { Label } from "@/components/ui/label"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card.jsx";
import GuestLayout from "@/Layouts/GuestLayout.jsx";
import { Alert, AlertDescription } from "@/components/ui/alert.jsx";
export default function Login({ status, canResetPassword }) {
@@ -45,7 +46,7 @@ export default function Login({ status, canResetPassword }) {
<div className="grid gap-2">
<Label htmlFor="email">E-mail Address</Label>
<TextInput type="email" id="email" placeholder="me@yumj.in" value={ data.email }
onChange={ (e) => setData('email', e.target.value) } required />
tabIndex="1" onChange={ (e) => setData('email', e.target.value) } required />
<InputError message={ errors.email } className="mt-2" />
</div>
<div className="grid gap-2">
@@ -57,26 +58,23 @@ export default function Login({ status, canResetPassword }) {
</Link>
</div>
<TextInput id="password" type="password" name="password" value={ data.password }
autoComplete="current-password"
autoComplete="current-password" tabIndex="2"
onChange={ (e) => setData('password', e.target.value) } />
<InputError message={ errors.password } className="mt-2" />
</div>
<div className="grid gap-2">
<div className="flex items-center space-x-2">
<Checkbox
id="remember"
name="remember"
checked={ data.remember }
onChange={ (e) =>
setData('remember', e.target.checked)
}
/>
<Checkbox id="remember" tabIndex="3" name="remember" checked={ data.remember }
onChange={ (e) => setData('remember', e.target.checked) } />
<label htmlFor="remember"
className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70">Remember me</label>
className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70">
Remember me
</label>
</div>
</div>
<PrimaryButton type="submit" disabled={ processing }
className="w-full">Login</PrimaryButton>
<PrimaryButton type="submit" disabled={ processing } tabIndex="4" className="w-full">
Login
</PrimaryButton>
</div>
<div className="mt-4 text-center text-sm">
Don&apos;t have an account?&nbsp;