fix: Corrects and simplifies password visibility icon logic. (#222)

This commit is contained in:
Loduis Madariaga Barrios
2025-01-12 04:48:34 -05:00
committed by GitHub
parent fd1c7be1f8
commit 06a71fc7b3
13 changed files with 47 additions and 158 deletions

View File

@@ -31,18 +31,12 @@
>
<template #right>
<BaseIcon
v-if="isShowPassword"
name="EyeOffIcon"
class="w-5 h-5 mr-1 text-gray-500 cursor-pointer"
:name="isShowPassword ? 'EyeIcon' : 'EyeOffIcon'"
class="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>
</template>
</BaseInput>
</BaseInputGroup>
<div class="mt-5 mb-8">

View File

@@ -223,18 +223,12 @@
>
<template #right>
<BaseIcon
v-if="isShowPassword"
name="EyeOffIcon"
class="w-5 h-5 mr-1 text-gray-500 cursor-pointer"
:name="isShowPassword ? 'EyeIcon' : 'EyeOffIcon'"
class="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>
</template>
</BaseInput>
</BaseInputGroup>
<BaseInputGroup
@@ -256,18 +250,12 @@
>
<template #right>
<BaseIcon
v-if="isShowConfirmPassword"
name="EyeOffIcon"
class="w-5 h-5 mr-1 text-gray-500 cursor-pointer"
:name="isShowConfirmPassword ? 'EyeIcon' : 'EyeOffIcon'"
class="mr-1 text-gray-500 cursor-pointer"
@click="isShowConfirmPassword = !isShowConfirmPassword"
/>
<BaseIcon
v-else
name="EyeIcon"
class="w-5 h-5 mr-1 text-gray-500 cursor-pointer"
@click="isShowConfirmPassword = !isShowConfirmPassword"
/> </template
></BaseInput>
</template>
</BaseInput>
</BaseInputGroup>
</BaseInputGrid>
</div>

View File

@@ -69,15 +69,8 @@
>
<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"
:name="isShowPassword ? 'EyeIcon' : 'EyeOffIcon'"
class="mr-1 text-gray-500 cursor-pointer"
@click="isShowPassword = !isShowPassword"
/>
</template>
@@ -101,15 +94,8 @@
>
<template #right>
<BaseIcon
v-if="isShowConfirmPassword"
name="EyeOffIcon"
class="w-5 h-5 mr-1 text-gray-500 cursor-pointer"
@click="isShowConfirmPassword = !isShowConfirmPassword"
/>
<BaseIcon
v-else
name="EyeIcon"
class="w-5 h-5 mr-1 text-gray-500 cursor-pointer"
:name="isShowConfirmPassword ? 'EyeIcon' : 'EyeOffIcon'"
class="mr-1 text-gray-500 cursor-pointer"
@click="isShowConfirmPassword = !isShowConfirmPassword"
/>
</template>

View File

@@ -62,15 +62,8 @@
>
<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"
:name="isShowPassword ? 'EyeIcon' : 'EyeOffIcon'"
class="mr-1 text-gray-500 cursor-pointer"
@click="isShowPassword = !isShowPassword"
/>
</template>

View File

@@ -160,15 +160,8 @@
>
<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"
:name="isShowPassword ? 'EyeIcon' : 'EyeOffIcon'"
class="mr-1 text-gray-500 cursor-pointer"
@click="isShowPassword = !isShowPassword"
/>
</template>

View File

@@ -67,15 +67,8 @@
>
<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"
:name="isShowPassword ? 'EyeIcon' : 'EyeOffIcon'"
class="mr-1 text-gray-500 cursor-pointer"
@click="isShowPassword = !isShowPassword"
/>
</template>

View File

@@ -59,15 +59,8 @@
>
<template #right>
<BaseIcon
v-if="isShowPassword"
:name="isShowPassword ? 'EyeIcon' : 'EyeOffIcon'"
class="mr-1 text-gray-500 cursor-pointer"
name="EyeOffIcon"
@click="isShowPassword = !isShowPassword"
/>
<BaseIcon
v-else
class="mr-1 text-gray-500 cursor-pointer"
name="EyeIcon"
@click="isShowPassword = !isShowPassword"
/>
</template>

View File

@@ -154,15 +154,8 @@
>
<template #right>
<BaseIcon
v-if="isShowPassword"
:name="isShowPassword ? 'EyeIcon' : 'EyeOffIcon'"
class="mr-1 text-gray-500 cursor-pointer"
name="EyeOffIcon"
@click="isShowPassword = !isShowPassword"
/>
<BaseIcon
v-else
class="mr-1 text-gray-500 cursor-pointer"
name="EyeIcon"
@click="isShowPassword = !isShowPassword"
/>
</template>

View File

@@ -63,15 +63,8 @@
>
<template #right>
<BaseIcon
v-if="isShowPassword"
:name="isShowPassword ? 'EyeIcon' : 'EyeOffIcon'"
class="mr-1 text-gray-500 cursor-pointer"
name="EyeOffIcon"
@click="isShowPassword = !isShowPassword"
/>
<BaseIcon
v-else
class="mr-1 text-gray-500 cursor-pointer"
name="EyeIcon"
@click="isShowPassword = !isShowPassword"
/>
</template>