From 3f9ce4eaf391733e8769caec8da84302c012b21e Mon Sep 17 00:00:00 2001
From: Maksim Zakharov <m.zakharov@IBS.RU>
Date: Wed, 27 Apr 2022 14:59:55 +0300
Subject: restyled login page

---
 src/components/Global/InputPasswordToggle.vue | 26 ++++++++++++++++++++++++--
 1 file changed, 24 insertions(+), 2 deletions(-)

(limited to 'src/components/Global/InputPasswordToggle.vue')

diff --git a/src/components/Global/InputPasswordToggle.vue b/src/components/Global/InputPasswordToggle.vue
index d2c0d4a69..be4fdc6ce 100644
--- a/src/components/Global/InputPasswordToggle.vue
+++ b/src/components/Global/InputPasswordToggle.vue
@@ -16,8 +16,8 @@
 </template>
 
 <script>
-import IconView from '@carbon/icons-vue/es/view/20';
-import IconViewOff from '@carbon/icons-vue/es/view--off/20';
+import IconView from '@carbon/icons-vue/es/view--filled/32';
+import IconViewOff from '@carbon/icons-vue/es/view--off--filled/32';
 
 export default {
   name: 'InputPasswordToggle',
@@ -48,6 +48,28 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.input-action-btn,
+.btn-icon-only {
+  margin: auto;
+  padding: 10px;
+  &:hover {
+    border-radius: 8px;
+    background-color: transparent;
+  }
+  &:focus {
+    box-shadow: none;
+    color: none;
+  }
+  &:active {
+    background-color: transparent;
+  }
+}
+
+.btn-icon-only svg {
+  width: 30px;
+  height: 20px;
+}
+
 .input-password-toggle-container {
   position: relative;
 }
-- 
cgit v1.2.3

