@@ -35,88 +35,86 @@ onMounted(() => {
3535 <AdminGuestLayout >
3636 <Head title =" Log in" />
3737
38- <template # message v-if =" status " >
38+ <template v-if =" status " # message >
3939 <Message severity =" success" :closable =" false" class =" shadow" >
4040 {{ status }}
4141 </Message >
4242 </template >
4343
44- <div >
45- <form @submit.prevent =" submit" class =" space-y-6" >
46- <div class =" space-y-2" >
47- <label for =" email" >Email</label >
48- <InputText
49- required
50- ref =" email-input"
51- id =" email"
52- type =" email"
53- v-model =" form.email"
54- fluid
55- :invalid =" Boolean(form.errors.email)"
56- autocomplete =" username"
57- />
58- <Message
59- v-if =" form.errors?.email"
60- severity =" error"
61- variant =" simple"
62- size =" small"
63- >
64- {{ form.errors?.email }}
65- </Message >
66- </div >
44+ <form class =" space-y-6" @submit.prevent =" submit" >
45+ <div class =" space-y-2" >
46+ <label for =" email" >Email</label >
47+ <InputText
48+ id =" email"
49+ ref =" email-input"
50+ v-model =" form.email"
51+ type =" email"
52+ required
53+ fluid
54+ :invalid =" Boolean(form.errors.email)"
55+ autocomplete =" username"
56+ />
57+ <Message
58+ v-if =" form.errors?.email"
59+ severity =" error"
60+ variant =" simple"
61+ size =" small"
62+ >
63+ {{ form.errors?.email }}
64+ </Message >
65+ </div >
6766
68- <div class =" space-y-2" >
69- <label for =" password" >Password</label >
70- <InputText
71- required
72- id = " password"
73- type =" password"
74- v-model = " form.password "
75- fluid
76- :invalid =" Boolean(form.errors.password)"
77- autocomplete =" current-password"
78- />
79- <Message
80- v-if =" form.errors?.password"
81- severity =" error"
82- variant =" simple"
83- size =" small"
84- >
85- {{ form.errors?.password }}
86- </Message >
87- </div >
67+ <div class =" space-y-2" >
68+ <label for =" password" >Password</label >
69+ <InputText
70+ id = " password "
71+ v-model = " form. password"
72+ type =" password"
73+ required
74+ fluid
75+ :invalid =" Boolean(form.errors.password)"
76+ autocomplete =" current-password"
77+ />
78+ <Message
79+ v-if =" form.errors?.password"
80+ severity =" error"
81+ variant =" simple"
82+ size =" small"
83+ >
84+ {{ form.errors?.password }}
85+ </Message >
86+ </div >
8887
89- <div >
90- <div class =" flex items-center justify-between" >
91- <div class =" flex items-center" >
92- <Checkbox
93- id =" remember"
94- :binary =" true"
95- v-model =" form.remember"
96- class =" mr-2"
97- ></Checkbox >
98- <label for =" remember" >Remember me</label >
99- </div >
88+ <div >
89+ <div class =" flex items-center justify-between" >
90+ <div class =" flex items-center" >
91+ <Checkbox
92+ id =" remember"
93+ v-model =" form.remember"
94+ class =" mr-2"
95+ :binary =" true"
96+ ></Checkbox >
97+ <label for =" remember" >Remember me</label >
10098 </div >
10199 </div >
100+ </div >
102101
103- <div class =" flex justify-end items-center pt-2" >
104- <Link
105- v-if =" canResetPassword"
106- :href =" route('password.request')"
107- class =" mr-4 underline text-muted-color hover:text-color"
108- >
109- Forgot your password?
110- </Link >
111- <Button
112- raised
113- type =" submit"
114- :loading =" form.processing"
115- label =" Log In"
116- severity =" contrast"
117- />
118- </div >
119- </form >
120- </div >
102+ <div class =" flex justify-end items-center pt-2" >
103+ <Link
104+ v-if =" canResetPassword"
105+ :href =" route('password.request')"
106+ class =" mr-4 underline text-muted-color hover:text-color"
107+ >
108+ Forgot your password?
109+ </Link >
110+ <Button
111+ :loading =" form.processing"
112+ type =" submit"
113+ label =" Log In"
114+ severity =" contrast"
115+ raised
116+ />
117+ </div >
118+ </form >
121119 </AdminGuestLayout >
122120</template >
0 commit comments