mirrors/dozzle
1
0
Fork 0
mirror of https://github.com/amir20/dozzle.git synced 2025-12-28 16:06:40 +01:00
Code Issues Projects Releases Wiki Activity

makes error better

Browse Source
This commit is contained in:
Amir Raminfar
2024-12-13 17:20:05 -08:00
parent 85a304b2e8
commit 92c60b29bd
1 changed files with 35 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
assets/pages/login.vue
View File

@@ -2,34 +2,42 @@
<div class="card w-96 flex-shrink-0 bg-base-lighter shadow-2xl">
<div class="card-body">
<form action="" method="post" @submit.prevent="onLogin" ref="form" class="flex flex-col gap-8">
<label class="input input-bordered flex items-center gap-2 border-2 has-[:focus]:input-primary">
<mdi:account class="has-[+:focus]:text-primary" />
<input
type="text"
class="grow"
:placeholder="$t('label.username')"
name="username"
autocomplete="username"
autofocus
required
:disabled="loading"
/>
<label class="form-control w-full">
<label
class="input input-bordered flex items-center gap-2 border-2 has-[:focus]:input-primary"
:class="{ 'input-error': error }"
>
<mdi:account class="has-[+:focus]:text-primary" :class="{ 'text-error': error }" />
<input
type="text"
class="grow"
:class="{ 'text-error': error }"
:placeholder="$t('label.username')"
name="username"
autocomplete="username"
autofocus
required
:disabled="loading"
/>
</label>
<label class="label text-error" v-if="error">
{{ $t("error.invalid-auth") }}
</label>
</label>
<label class="input input-bordered flex items-center gap-2 border-2 has-[:focus]:input-primary">
<mdi:key class="has-[+:focus]:text-primary" />
<input
type="password"
class="grow"
:placeholder="$t('label.password')"
name="password"
autocomplete="current-password"
autofocus
required
:disabled="loading"
/>
</label>
<label class="label text-red" v-if="error">
{{ $t("error.invalid-auth") }}
<label class="form-control w-full">
<label class="input input-bordered flex items-center gap-2 border-2 has-[:focus]:input-primary">
<mdi:key class="has-[+:focus]:text-primary" />
<input
type="password"
class="grow"
:placeholder="$t('label.password')"
name="password"
autocomplete="current-password"
autofocus
required
:disabled="loading"
/>
</label>
</label>
<button class="btn btn-primary uppercase" type="submit">