fix: Fix bubble overflow issue and color (#10674)

2025-01-11 23:32:24 +05:30
parent 0d90e7c158
commit 74870bec41
2 changed files with 5 additions and 2 deletions
--- a/app/javascript/dashboard/components-next/message/bubbles/Text/FormattedContent.vue
+++ b/app/javascript/dashboard/components-next/message/bubbles/Text/FormattedContent.vue
@@ -24,5 +24,8 @@ const formattedContent = computed(() => {
 </script>

 <template>
-  <span v-dompurify-html="formattedContent" class="prose prose-bubble" />
+  <span
+    v-dompurify-html="formattedContent"
+    class="prose prose-bubble break-words"
+  />
 </template>
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -97,7 +97,7 @@ const tailwindConfig = {
              marginBottom: '1.5em',
            },
            a: {
-              color: 'rgb(var(--text-blue))',
+              color: 'rgb(var(--slate-12))',
              textDecoration: 'underline',
            },
            ul: {