fix: editor layout in full screen mode

frontend/src/features/conversation/ReplyBox.vue

@@ -41,7 +41,7 @@
     <!-- Fullscreen editor -->
     <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="max-w-[60%] max-h-[75%] 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"

frontend/src/features/conversation/ReplyBoxContent.vue

@@ -32,7 +32,7 @@
         <component
           :is="isFullscreen ? Minimize2 : Maximize2"
           :size="isFullscreen ? '18' : '15'"
-          :class="{ 'mr-2': !isFullscreen }"
+          :class="{ 'mr-2': !isFullscreen, 'mr-1 mb-2': isFullscreen }"
         />
       </span>
     </div>
@@ -119,6 +119,7 @@
     <!-- Editor menu bar with send button -->
     <ReplyBoxMenuBar
       class="mt-1 shrink-0"
+      :isFullscreen="isFullscreen"
       :handleFileUpload="handleFileUpload"
       :handleInlineImageUpload="handleInlineImageUpload"
       :isBold="isBold"

frontend/src/features/conversation/ReplyBoxMenuBar.vue

@@ -1,5 +1,8 @@
 <template>
-  <div class="flex justify-between items-center h-14 relative">
+  <div
+    class="flex justify-between h-14 relative"
+    :class="{ 'items-end': isFullscreen, 'items-center': !isFullscreen }"
+  >
     <EmojiPicker
       ref="emojiPickerRef"
       :native="true"
@@ -58,6 +61,7 @@ const emit = defineEmits(['emojiSelect'])
 
 // Using defineProps for props that don't need two-way binding
 defineProps({
+  isFullscreen: Boolean,
   isSending: Boolean,
   enableSend: Boolean,
   handleSend: Function,