diff options
author | Maksim Zakharov <m.zakharov@IBS.RU> | 2022-04-27 14:59:55 +0300 |
---|---|---|
committer | Maksim Zakharov <m.zakharov@IBS.RU> | 2022-04-28 15:27:48 +0300 |
commit | 3f9ce4eaf391733e8769caec8da84302c012b21e (patch) | |
tree | e63a6e7e84ffabf77b905d2307716b7f27dd100e /src/components/Global | |
parent | 87161635e7e7b6cd5d625b23cbd85730362f164f (diff) | |
download | webui-vue-3f9ce4eaf391733e8769caec8da84302c012b21e.tar.xz |
restyled login page
Diffstat (limited to 'src/components/Global')
-rw-r--r-- | src/components/Global/InputPasswordToggle.vue | 26 |
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; } |