fix: Fix bubble design in RTL (#10683)

Co-authored-by: Sivin Varghese <64252451+iamsivin@users.noreply.github.com>
2025-01-15 00:44:13 +05:30
parent b3d0d466ee
commit 7b31b5ad6e
8 changed files with 76 additions and 19 deletions
--- a/app/javascript/dashboard/components-next/message/bubbles/Base.vue
+++ b/app/javascript/dashboard/components-next/message/bubbles/Base.vue
@@ -29,8 +29,10 @@ const varaintBaseMap = {
 };

 const orientationMap = {
-  [ORIENTATION.LEFT]: 'left-bubble rounded-xl rounded-bl-sm',
-  [ORIENTATION.RIGHT]: 'right-bubble rounded-xl rounded-br-sm',
+  [ORIENTATION.LEFT]:
+    'left-bubble rounded-xl ltr:rounded-bl-sm rtl:rounded-br-sm',
+  [ORIENTATION.RIGHT]:
+    'right-bubble rounded-xl ltr:rounded-br-sm rtl:rounded-bl-sm',
  [ORIENTATION.CENTER]: 'rounded-md',
 };