summaryrefslogtreecommitdiff
path: root/src/components/Global/InputPasswordToggle.vue
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/Global/InputPasswordToggle.vue')
-rw-r--r--src/components/Global/InputPasswordToggle.vue26
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;
}