From 12a31903ed184b07577e69af281176ed29eb6bfb Mon Sep 17 00:00:00 2001
From: safavimohadeseh78 <safavimohadeseh78@gmail.com>
Date: Sat, 15 Aug 2026 18:49:58 +0200
Subject: [PATCH] Polish admin login: remove demo hint and keep password toggle
 inside the field.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 src/views/auth/LoginView.vue | 53 ++++++++++++++++++++----------------
 1 file changed, 29 insertions(+), 24 deletions(-)

diff --git a/src/views/auth/LoginView.vue b/src/views/auth/LoginView.vue
index ecf3403..ba317d9 100644
--- a/src/views/auth/LoginView.vue
+++ b/src/views/auth/LoginView.vue
@@ -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;