Polish admin login: remove demo hint and keep password toggle inside the field.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
2026-08-15 18:49:58 +02:00
co-authored by Cursor
parent bc4123e91c
commit 12a31903ed
+29 -24
View File
@@ -10,7 +10,7 @@ const route = useRoute()
const auth = useAuthStore()
const toast = useToast()
const phone = ref('09128081392')
const phone = ref('')
const password = ref('')
const remember = ref(true)
const showPassword = ref(false)
@@ -53,7 +53,9 @@ async function submit() {
<div class="admin-form__field">
<label for="login-phone">شماره موبایل</label>
<div class="login-page__input-wrap">
<AdminIcon name="phone" :size="18" />
<span class="login-page__field-icon" aria-hidden="true">
<AdminIcon name="phone" :size="18" />
</span>
<input
id="login-phone"
v-model="phone"
@@ -70,13 +72,15 @@ async function submit() {
<div class="admin-form__field">
<label for="login-password">رمز عبور</label>
<div class="login-page__input-wrap">
<AdminIcon name="lock" :size="18" />
<div class="login-page__input-wrap login-page__input-wrap--password">
<span class="login-page__field-icon" aria-hidden="true">
<AdminIcon name="lock" :size="18" />
</span>
<input
id="login-password"
v-model="password"
:type="showPassword ? 'text' : 'password'"
class="admin-input login-page__input"
class="admin-input login-page__input login-page__input--with-toggle"
placeholder="رمز عبور"
autocomplete="current-password"
@input="auth.clearError()"
@@ -102,10 +106,6 @@ async function submit() {
ورود به پنل
</button>
</form>
<p class="login-page__hint">
حساب آزمایشی: <span dir="ltr">09128081392</span> / رمز: <span dir="ltr">123456</span>
</p>
</div>
</div>
@@ -196,17 +196,33 @@ async function submit() {
.login-page__input-wrap {
position: relative;
display: flex;
align-items: center;
gap: 10px;
color: var(--color-text-muted);
}
.login-page__field-icon {
position: absolute;
right: 12px;
top: 50%;
transform: translateY(-50%);
display: inline-flex;
pointer-events: none;
z-index: 1;
}
.login-page__input {
padding-right: 0;
padding-right: 42px;
}
.login-page__input--with-toggle {
padding-left: 44px;
}
.login-page__toggle-password {
position: absolute;
left: 6px;
top: 50%;
transform: translateY(-50%);
z-index: 1;
display: inline-flex;
align-items: center;
justify-content: center;
@@ -217,7 +233,6 @@ async function submit() {
border-radius: 8px;
background: transparent;
color: var(--color-text-muted);
flex-shrink: 0;
cursor: pointer;
transition: color 0.15s ease, background-color 0.15s ease;
}
@@ -246,16 +261,6 @@ async function submit() {
margin-top: 4px;
}
.login-page__hint {
margin: 16px 0 0;
padding-top: 16px;
border-top: 1px solid var(--color-border-light);
font-size: 0.75rem;
color: var(--color-text-muted);
text-align: center;
line-height: 1.7;
}
@media (max-width: 900px) {
.login-page {
grid-template-columns: 1fr;