restyled login page

1 files changed, 24 insertions, 2 deletions

diff --git a/src/components/Global/InputPasswordToggle.vue b/src/components/Global/InputPasswordToggle.vue
index d2c0d4a6..be4fdc6c 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;
 }