modified: main_dc/yalarba/easySite/easySite/app/pages/auth/login.vue

fix problem message on login page
This commit is contained in:
2025-11-17 20:48:43 +05:00
parent 0f06ef3219
commit cbade7347d
@@ -8,42 +8,49 @@
</div> </div>
<div class="card-body"> <div class="card-body">
<form class="auth-form" @submit="onSubmit"> <client-only>
<div class="form-group"> <form class="auth-form" @submit="onSubmit">
<label for="email" class="form-label">Email</label> <div class="form-group">
<input <label for="email" class="form-label">Email</label>
id="email" <input
v-model="email" id="email"
type="email" v-model="email"
class="form-input" type="email"
:class="{ 'error': errors.email }" class="form-input"
placeholder="your@email.com" :class="{ 'error': errors.email }"
autocomplete="email"> placeholder="your@email.com"
<span v-if="errors.email" class="error-message"> autocomplete="email">
{{ errors.email }} <span
</span> v-if="errors.email"
</div> class="error-message">
{{ errors.email }}
</span>
</div>
<div class="form-group"> <div class="form-group">
<label for="password" class="form-label">Пароль</label> <label for="password" class="form-label">Пароль</label>
<input <input
id="password" id="password"
v-model="password" v-model="password"
type="password" type="password"
class="form-input" class="form-input"
:class="{ 'error': errors.password }" :class="{ 'error': errors.password }"
placeholder="Введите пароль" placeholder="Введите пароль"
autocomplete="current-password"> autocomplete="current-password">
<span v-if="errors.password" class="error-message"> <span v-if="errors.password" class="error-message">
{{ errors.password }} {{ errors.password }}
</span> </span>
</div> </div>
<button type="submit" class="btn btn-primary auth-button" :disabled="isSubmitting || auth.loading.value"> <button
<span v-if="isSubmitting || auth.loading.value">Вход...</span> type="submit"
<span v-else>Войти</span> class="btn btn-primary auth-button"
</button> :disabled="isSubmitting || auth.loading.value">
</form> <span v-if="isSubmitting || auth.loading.value">Вход...</span>
<span v-else>Войти</span>
</button>
</form>
</client-only>
</div> </div>
<div class="card-footer text-center"> <div class="card-footer text-center">