From 8397608fefe3905b9f4d4c95108883ee8c3aec1d Mon Sep 17 00:00:00 2001 From: kolaente Date: Sat, 11 Dec 2021 21:53:00 +0100 Subject: [PATCH] chore: move password field toggle to scss file --- src/styles/components/_index.scss | 3 ++- src/styles/components/password-field-toggle.scss | 7 +++++++ src/views/user/Login.vue | 7 ------- src/views/user/Register.vue | 9 --------- 4 files changed, 9 insertions(+), 17 deletions(-) create mode 100644 src/styles/components/password-field-toggle.scss diff --git a/src/styles/components/_index.scss b/src/styles/components/_index.scss index 99a3c5aa..4511d1ca 100644 --- a/src/styles/components/_index.scss +++ b/src/styles/components/_index.scss @@ -3,4 +3,5 @@ @import "list"; @import "task"; @import "tasks"; -@import "namespaces"; \ No newline at end of file +@import "namespaces"; +@import 'password-field-toggle'; diff --git a/src/styles/components/password-field-toggle.scss b/src/styles/components/password-field-toggle.scss new file mode 100644 index 00000000..52d95ba5 --- /dev/null +++ b/src/styles/components/password-field-toggle.scss @@ -0,0 +1,7 @@ +.password-field-type-toggle { + position: absolute; + color: var(--grey-400); + top: 50%; + right: 1rem; + transform: translateY(-50%); +} diff --git a/src/views/user/Login.vue b/src/views/user/Login.vue index 8a1ae629..145e2c66 100644 --- a/src/views/user/Login.vue +++ b/src/views/user/Login.vue @@ -275,11 +275,4 @@ export default { margin-bottom: 0; } } - -.password-field-type-toggle { - position: absolute; - top: .5rem; - right: 1rem; - color: var(--grey-400); -} diff --git a/src/views/user/Register.vue b/src/views/user/Register.vue index ea78f24b..ce994220 100644 --- a/src/views/user/Register.vue +++ b/src/views/user/Register.vue @@ -162,12 +162,3 @@ async function submit() { } } - -