LeadMagnet/leadchat
1
0
Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases Wiki Activity

fix: Update the design for the reply box banner UI (#10678)

Browse Source
This commit is contained in:
Shivam Mishra
2025-01-14 02:42:43 +05:30
committed by GitHub
parent c75ed1ef69
commit 35ca67c9ba
3 changed files with 20 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/javascript/dashboard/components/ui/Banner.vue
View File

@@ -116,7 +116,7 @@ export default {
}
&.secondary {
@apply bg-slate-200 dark:bg-slate-300 text-slate-800 dark:text-slate-800;
@apply bg-n-slate-3 dark:bg-n-solid-3 text-n-slate-12;
a {
@apply text-slate-800 dark:text-slate-800;
}

20
app/javascript/dashboard/components/widgets/conversation/ReplyBox.vue
View File

@@ -1071,17 +1071,17 @@ export default {
</script>
<template>
<Banner
v-if="showSelfAssignBanner"
action-button-variant="clear"
color-scheme="secondary"
class="banner--self-assign mx-2 mb-2 rounded-lg"
:banner-message="$t('CONVERSATION.NOT_ASSIGNED_TO_YOU')"
has-action-button
:action-button-label="$t('CONVERSATION.ASSIGN_TO_ME')"
@primary-action="onClickSelfAssign"
/>
<div class="reply-box" :class="replyBoxClass">
<Banner
v-if="showSelfAssignBanner"
action-button-variant="clear"
color-scheme="secondary"
class="banner--self-assign"
:banner-message="$t('CONVERSATION.NOT_ASSIGNED_TO_YOU')"
has-action-button
:action-button-label="$t('CONVERSATION.ASSIGN_TO_ME')"
@primary-action="onClickSelfAssign"
/>
<ReplyTopPanel
:mode="replyType"
:is-message-length-reaching-threshold="isMessageLengthReachingThreshold"