Fixed images on rtl mode
This commit is contained in:
@@ -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't have an account?
|
||||
|
||||
Reference in New Issue
Block a user