[dyad] Fixed more content overflow issues - wrote 2 file(s)
This commit is contained in:
@@ -30,7 +30,7 @@ const HeadlineNodeDisplay = ({
|
|||||||
>
|
>
|
||||||
{node.tag}
|
{node.tag}
|
||||||
</Badge>
|
</Badge>
|
||||||
<p className="font-medium flex-grow text-foreground">
|
<p className="font-medium flex-grow text-foreground break-words min-w-0">
|
||||||
<KeywordHighlighter text={node.text} keyword={keyword} />
|
<KeywordHighlighter text={node.text} keyword={keyword} />
|
||||||
</p>
|
</p>
|
||||||
<p className="text-sm text-muted-foreground flex-shrink-0 w-10 text-right">
|
<p className="text-sm text-muted-foreground flex-shrink-0 w-10 text-right">
|
||||||
|
|||||||
@@ -154,7 +154,7 @@ export function ImageAltDisplay({ images, keyword }: ImageAltDisplayProps) {
|
|||||||
</div>
|
</div>
|
||||||
<div className="mt-2">
|
<div className="mt-2">
|
||||||
{image.alt ? (
|
{image.alt ? (
|
||||||
<p className="text-sm text-foreground bg-muted/50 p-2 rounded-md">
|
<p className="text-sm text-foreground bg-muted/50 p-2 rounded-md break-words">
|
||||||
<span className="font-semibold">Alt:</span>{" "}
|
<span className="font-semibold">Alt:</span>{" "}
|
||||||
<KeywordHighlighter text={image.alt} keyword={keyword} />
|
<KeywordHighlighter text={image.alt} keyword={keyword} />
|
||||||
</p>
|
</p>
|
||||||
|
|||||||
Reference in New Issue
Block a user