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:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user