From 894c38ce633f175794c7eb318cdd2443c49f41bb Mon Sep 17 00:00:00 2001 From: Muhsin Keloth Date: Thu, 25 Apr 2024 17:50:11 +0530 Subject: [PATCH] chore: add dark and light images for hotkey card --- .../settings/personal/ChangePassword.vue | 2 +- .../settings/personal/HotKeyCard.vue | 13 +++++++--- .../dashboard/settings/personal/Index.vue | 10 +++++--- .../profile/hot-key-ctrl-enter-dark.svg | 25 +++++++++++++++++++ .../dashboard/profile/hot-key-enter-dark.svg | 25 +++++++++++++++++++ 5 files changed, 67 insertions(+), 8 deletions(-) create mode 100644 public/assets/images/dashboard/profile/hot-key-ctrl-enter-dark.svg create mode 100644 public/assets/images/dashboard/profile/hot-key-enter-dark.svg diff --git a/app/javascript/dashboard/routes/dashboard/settings/personal/ChangePassword.vue b/app/javascript/dashboard/routes/dashboard/settings/personal/ChangePassword.vue index 6144abcdb..7600b63a6 100644 --- a/app/javascript/dashboard/routes/dashboard/settings/personal/ChangePassword.vue +++ b/app/javascript/dashboard/routes/dashboard/settings/personal/ChangePassword.vue @@ -52,7 +52,7 @@ color-scheme="primary" variant="solid" size="large" - :is-disabled=" + :disabled=" !currentPassword || !passwordConfirmation || !$v.passwordConfirmation.isEqPassword diff --git a/app/javascript/dashboard/routes/dashboard/settings/personal/HotKeyCard.vue b/app/javascript/dashboard/routes/dashboard/settings/personal/HotKeyCard.vue index 425911df0..61951d83c 100644 --- a/app/javascript/dashboard/routes/dashboard/settings/personal/HotKeyCard.vue +++ b/app/javascript/dashboard/routes/dashboard/settings/personal/HotKeyCard.vue @@ -23,10 +23,11 @@ -
- +
+ +
- +
@@ -44,7 +45,11 @@ defineProps({ type: String, default: '', }, - src: { + lightImage: { + type: String, + default: '', + }, + darkImage: { type: String, default: '', }, diff --git a/app/javascript/dashboard/routes/dashboard/settings/personal/Index.vue b/app/javascript/dashboard/routes/dashboard/settings/personal/Index.vue index 275de9b6f..b765ff270 100644 --- a/app/javascript/dashboard/routes/dashboard/settings/personal/Index.vue +++ b/app/javascript/dashboard/routes/dashboard/settings/personal/Index.vue @@ -54,7 +54,8 @@ @@ -161,7 +162,8 @@ export default { description: this.$t( 'PROFILE_SETTINGS.FORM.SEND_MESSAGE.CARD.ENTER_KEY.CONTENT' ), - src: '/assets/images/dashboard/profile/hot-key-enter.svg', + lightImage: '/assets/images/dashboard/profile/hot-key-enter.svg', + darkImage: '/assets/images/dashboard/profile/hot-key-enter-dark.svg', }, { key: 'cmd_enter', @@ -171,7 +173,9 @@ export default { description: this.$t( 'PROFILE_SETTINGS.FORM.SEND_MESSAGE.CARD.CMD_ENTER_KEY.CONTENT' ), - src: '/assets/images/dashboard/profile/hot-key-ctrl-enter.svg', + lightImage: '/assets/images/dashboard/profile/hot-key-ctrl-enter.svg', + darkImage: + '/assets/images/dashboard/profile/hot-key-ctrl-enter-dark.svg', }, ], }; diff --git a/public/assets/images/dashboard/profile/hot-key-ctrl-enter-dark.svg b/public/assets/images/dashboard/profile/hot-key-ctrl-enter-dark.svg new file mode 100644 index 000000000..8c0cab866 --- /dev/null +++ b/public/assets/images/dashboard/profile/hot-key-ctrl-enter-dark.svg @@ -0,0 +1,25 @@ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/assets/images/dashboard/profile/hot-key-enter-dark.svg b/public/assets/images/dashboard/profile/hot-key-enter-dark.svg new file mode 100644 index 000000000..9bc38bbba --- /dev/null +++ b/public/assets/images/dashboard/profile/hot-key-enter-dark.svg @@ -0,0 +1,25 @@ + + + + + + + + + + + + + + + + + + + + + + + + +