BuzzbeeSCD/openchamber
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: improve favicon contrast in chat links

Browse Source 
Adds a compact themed badge behind link favicons
Prevents favicon badge borders from clipping
Keeps external link icons readable across themes
This commit is contained in:
Bohdan Triapitsyn
2026-05-19 14:01:41 +03:00
parent 25b328dcb8
commit e0a194eed0
2 changed files with 22 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/ui/src/components/chat/MarkdownRendererImpl.tsx
+11 -9
View File
@@ -101,15 +101,17 @@ const ExternalLinkFavicon: React.FC<{ href: string }> = ({ href }) => {
} }
return ( return (
<img <span className="mr-1 inline-flex size-[18px] items-center justify-center rounded border border-[var(--border)] bg-[var(--interactive-hover)] align-[-0.25em]">
src={faviconUrl} <img
alt="" src={faviconUrl}
aria-hidden="true" alt=""
loading="lazy" aria-hidden="true"
decoding="async" loading="lazy"
className="mr-1 inline-block size-4 rounded-sm align-[-0.1875em]" decoding="async"
onError={() => setFailed(true)} className="size-3.5 rounded-sm"
/> onError={() => setFailed(true)}
/>
</span>
); );
}; };
packages/ui/src/components/chat/message/parts/ProgressiveGroup.tsx
+11 -9
View File
@@ -51,15 +51,17 @@ const ExternalLinkFavicon: React.FC<{ href: string }> = ({ href }) => {
} }
return ( return (
<img <span className="inline-flex size-[18px] flex-shrink-0 items-center justify-center rounded border border-[var(--border)] bg-[var(--interactive-hover)]">
src={faviconUrl} <img
alt="" src={faviconUrl}
aria-hidden="true" alt=""
loading="lazy" aria-hidden="true"
decoding="async" loading="lazy"
className="size-4 flex-shrink-0 rounded-sm" decoding="async"
onError={() => setFailed(true)} className="size-3.5 rounded-sm"
/> onError={() => setFailed(true)}
/>
</span>
); );
}; };