chore(ui): optimize display where the question length is excessive

TabbyML · Jan 20, 2025 · bf1b311 · bf1b311
1 parent 72478e5
commit bf1b311
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/ee/tabby-ui/app/search/components/user-message-section.tsx b/ee/tabby-ui/app/search/components/user-message-section.tsx
@@ -18,14 +18,17 @@ export function UserMessageSection({
 }: QuestionBlockProps) {
   const { contextInfo, fetchingContextInfo } = useContext(SearchContext)
   const { supportsOnApplyInEditorV2 } = useContext(ChatContext)
+  const contentLen = message.content?.length
+  const fontSizeClassname = contentLen > 400 ? 'text-base' : contentLen > 200 ? 'text-lg' : 'text-xl'
+
   return (
     <div className={cn('font-semibold', className)} {...props}>
       <MessageMarkdown
         message={message.content}
         contextInfo={contextInfo}
         supportsOnApplyInEditorV2={supportsOnApplyInEditorV2}
         fetchingContextInfo={fetchingContextInfo}
-        className="text-xl prose-p:mb-2 prose-p:mt-0"
+        className={cn('prose-p:mb-2 prose-p:mt-0', fontSizeClassname)}
         headline
         canWrapLongLines
       />