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() {
- + - @@ -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;