CremaUIStudio/lib-knowledge-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(kb-ui): opaque reading surface for the object viewer

Browse Source 
Long-form text sat on the theme's translucent glass card, so a busy background
wash read through behind the prose. Give the reader column an opaque surface
(the side outline/provenance panels stay glass). Verified live.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
jules
2026-07-11 09:17:19 +10:00
parent 7997dbb3f3
commit e7376001e7
1 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components-object.tsx
View File

@@ -596,7 +596,9 @@ export const ObjectViewer: FC<ObjectViewerProps> = ({
)} )}
<div className="grid gap-5 lg:grid-cols-[1fr_260px]"> <div className="grid gap-5 lg:grid-cols-[1fr_260px]">
<div className="min-w-0 rounded-xl border border-border bg-card p-4"> {/* Opaque reading surface: long-form text sits calm, not over the theme's
background wash. The side panels stay glass. */}
<div className="min-w-0 rounded-xl border border-border bg-background p-4 sm:p-6">
{outline.extracted_chars && outline.extracted_chars > 0 ? ( {outline.extracted_chars && outline.extracted_chars > 0 ? (
<TextReader outline={outline} readText={readText} highlight={highlight} activeSection={activeSection} /> <TextReader outline={outline} readText={readText} highlight={highlight} activeSection={activeSection} />
) : ( ) : (