fix password eye icon and minor fix in dark mode (#1261)

This commit is contained in:
Yash Kanakiya
2023-08-22 17:56:23 +05:30
committed by GitHub
parent 45aaee72d8
commit d1ab4a8021
18 changed files with 79 additions and 165 deletions

View File

@ -32,25 +32,10 @@
>
<BaseInput
v-model="authStore.loginData.password"
:type="getInputType"
:invalid="v$.loginData.password.$error"
type="password"
@input="v$.loginData.password.$touch()"
>
<template #right>
<BaseIcon
v-if="isShowPassword"
name="EyeOffIcon"
class="w-5 h-5 mr-1 text-gray-500 cursor-pointer"
@click="isShowPassword = !isShowPassword"
/>
<BaseIcon
v-else
name="EyeIcon"
class="w-5 h-5 mr-1 text-gray-500 cursor-pointer"
@click="isShowPassword = !isShowPassword"
/>
</template>
</BaseInput>
/>
</BaseInputGroup>
<div class="flex items-center justify-between">
<router-link
@ -91,14 +76,6 @@ const authStore = useAuthStore()
const { t } = useI18n()
let isLoading = ref(false)
const isShowPassword = ref(false)
const getInputType = computed(() => {
if (isShowPassword.value) {
return 'text'
}
return 'password'
})
const rules = computed(() => {
return {