IT4Change/Ocelot-Social
3
0
Fork 0
mirror of https://github.com/IT4Change/Ocelot-Social.git synced 2026-03-01 12:44:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

linting of LoginForm.vue

Browse Source
This commit is contained in:
Brandon Tripp 2020-11-20 14:10:43 -07:00
parent f56664b334
commit 74b56cbca7
1 changed files with 8 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
webapp/components/LoginForm/LoginForm.vue
View File

@ -30,10 +30,7 @@
class="password-field"
:type="showPassword ? 'text' : 'password'"
/>
<a
class="click-wrapper"
@click="toggleShowPassword"
>
<a class="click-wrapper" @click="toggleShowPassword">
<base-icon class="toggle-icon" :name="showPassword ? 'eye-slash' : 'eye'" />
</a>
</div>
@ -90,10 +87,9 @@ export default {
}
},
toggleShowPassword(event) {
console.log(event);
event.preventDefault();
this.showPassword = !this.showPassword
}
event.preventDefault()
},
},
}
</script>
@ -140,14 +136,14 @@ export default {
cursor: pointer;
&:focus-within {
background-color: $background-color-base;
border: $input-border-size solid $border-color-active;
background-color: $background-color-base;
border: $input-border-size solid $border-color-active;
.toggle-icon {
color: $text-color-base;
.toggle-icon {
color: $text-color-base;
}
}
}
}
&:focus-within {
background-color: $background-color-base;