fix: gap and text color

2025-06-11 17:34:08 +05:30
parent b8e64722a7
commit ba1f363a28
2 changed files with 9 additions and 3 deletions
@@ -55,10 +55,16 @@ const translateValue = computed(() => {
    class="flex items-center w-auto h-8 p-1 transition-all border rounded-full bg-n-alpha-2 group relative duration-300 ease-in-out z-0"
    @click="$emit('toggleMode')"
  >
-    <div ref="wootEditorReplyMode" class="flex items-center gap-1 px-2 z-20">
+    <div
+      ref="wootEditorReplyMode"
+      class="flex items-center gap-1 px-2 z-20 text-n-slate-11"
+    >
      {{ $t('CONVERSATION.REPLYBOX.REPLY') }}
    </div>
-    <div ref="wootEditorPrivateMode" class="flex items-center gap-1 px-2 z-20">
+    <div
+      ref="wootEditorPrivateMode"
+      class="flex items-center gap-1 px-2 z-20 text-n-slate-11"
+    >
      {{ $t('CONVERSATION.REPLYBOX.PRIVATE_NOTE') }}
    </div>
    <div
@@ -89,7 +89,7 @@ export default {
 </script>

 <template>
-  <div class="flex justify-between h-[3.25rem] gap-2 ltr:pl-3 rtl:pr-3">
+  <div class="flex justify-between h-[3.25rem] gap-2 ms-3">
    <EditorModeToggle
      :mode="mode"
      class="mt-3"