From 56187ddc46935eea4f691974d996660000fe090c Mon Sep 17 00:00:00 2001
From: Abhinav Raut <abhinavrautcs@gmail.com>
Date: Sun, 9 Mar 2025 13:18:24 +0530
Subject: [PATCH] fix: add background color for private notes in ReplyBox

---
 frontend/src/features/conversation/ReplyBox.vue        | 3 ++-
 frontend/src/features/conversation/ReplyBoxContent.vue | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/frontend/src/features/conversation/ReplyBox.vue b/frontend/src/features/conversation/ReplyBox.vue
index ad535fd..db3b51c 100644
--- a/frontend/src/features/conversation/ReplyBox.vue
+++ b/frontend/src/features/conversation/ReplyBox.vue
@@ -38,6 +38,7 @@
     <Dialog :open="isEditorFullscreen" @update:open="isEditorFullscreen = false">
       <DialogContent
         class="max-w-[70%] max-h-[70%] h-[70%] bg-card text-card-foreground p-4 flex flex-col"
+        :class="{ '!bg-[#FEF1E1]': messageType === 'private_note' }"
         @escapeKeyDown="isEditorFullscreen = false"
         :hide-close-button="true"
       >
@@ -85,6 +86,7 @@
     <!-- Main Editor non-fullscreen -->
     <div
       class="bg-card text-card-foreground box m-2 px-2 pt-2 flex flex-col"
+      :class="{ '!bg-[#FEF1E1]': messageType === 'private_note' }"
       v-if="!isEditorFullscreen"
     >
       <ReplyBoxContent
@@ -393,7 +395,6 @@ const processSend = async () => {
         })
       }
     }
-
   } catch (error) {
     hasAPIErrored = true
     emitter.emit(EMITTER_EVENTS.SHOW_TOAST, {
diff --git a/frontend/src/features/conversation/ReplyBoxContent.vue b/frontend/src/features/conversation/ReplyBoxContent.vue
index d7a8dab..22db988 100644
--- a/frontend/src/features/conversation/ReplyBoxContent.vue
+++ b/frontend/src/features/conversation/ReplyBoxContent.vue
@@ -6,7 +6,7 @@
       class="flex justify-between items-center"
       :class="{ 'mb-4': !isFullscreen, 'border-b border-border pb-4': isFullscreen }"
     >
-      <Tabs v-model="messageType" class="rounded-lg">
+      <Tabs v-model="messageType" class="rounded-lg border">
         <TabsList class="bg-muted p-1 rounded-lg">
           <TabsTrigger
             value="reply"