fix: the content in the chunk card will overflow #1628 (#1629)

### What problem does this PR solve? fix: the content in the chunk card will overflow #1628 ### Type of change - [x] Bug Fix (non-breaking change which fixes an issue)
infiniflow · Jul 22, 2024 · eb42adc · eb42adc
1 parent a4d230f
commit eb42adc
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/web/src/pages/add-knowledge/components/knowledge-chunk/components/chunk-card/index.less b/web/src/pages/add-knowledge/components/knowledge-chunk/components/chunk-card/index.less
@@ -17,6 +17,9 @@
 .contentEllipsis {
   .multipleLineEllipsis(3);
 }
+.contentText {
+  word-break: break-all;
+}
 
 .chunkCard {
   width: 100%;

diff --git a/web/src/pages/add-knowledge/components/knowledge-chunk/components/chunk-card/index.tsx b/web/src/pages/add-knowledge/components/knowledge-chunk/components/chunk-card/index.tsx
@@ -81,7 +81,7 @@ const ChunkCard = ({
             dangerouslySetInnerHTML={{
               __html: DOMPurify.sanitize(item.content_with_weight),
             }}
-            className={classNames({
+            className={classNames(styles.contentText, {
               [styles.contentEllipsis]: textMode === ChunkTextMode.Ellipse,
             })}
           ></div>