github/deer-flow
1
0
Fork 0
mirror of https://github.com/bytedance/deer-flow.git synced 2026-07-25 15:37:53 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(frontend): apply message image maxWidth via inline style (#4446)

Browse Source
This commit is contained in:
Ryker_Feng 2026-07-24 22:49:52 +08:00 committed by GitHub
parent d2b5f884e3
commit 16b612cfcf
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/src/components/workspace/messages/message-list-item.tsx
View File

@ -205,17 +205,22 @@ function MessageImage({
}) {
if (!src) return null;
const imgClassName = cn("overflow-hidden rounded-lg", `max-w-[${maxWidth}]`);
// `maxWidth` is applied inline rather than through a `max-w-[${maxWidth}]`
// class: Tailwind's JIT only generates utilities it can find as literal
// source tokens, so an interpolated arbitrary value would never be emitted.
const imgClassName = cn("overflow-hidden rounded-lg", props.className);
const imgStyle: React.CSSProperties = { maxWidth, ...props.style };
if (typeof src !== "string") {
return (
<img
{...props}
className={imgClassName}
style={imgStyle}
src={src}
alt={alt}
loading="lazy"
decoding="async"
{...props}
/>
);
}
@ -225,12 +230,13 @@ function MessageImage({
return (
<a href={url} target="_blank" rel="noopener noreferrer">
<img
{...props}
className={imgClassName}
style={imgStyle}
src={url}
alt={alt}
loading="lazy"
decoding="async"
{...props}
/>
</a>
);