apunkt/SurfSense
1
0
Fork 0
mirror of https://github.com/MODSetter/SurfSense.git synced 2026-07-26 23:51:14 +02:00
Code Issues Projects Releases Packages Wiki Activity

refactor(artifacts-panel): improve header layout and button styles for better UI consistency

Browse source
This commit is contained in:
Anish Sarkar 2026-07-16 13:58:45 +05:30
parent fc2366c81e
commit bf9d536757
1 changed files with 19 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

32
surfsense_web/features/chat-artifacts/ui/artifacts-panel.tsx
View file

@ -70,19 +70,25 @@ export function ArtifactsPanelContent({ onClose }: { onClose?: () => void }) {
return ( return (
<> <>
<div className="flex h-12 shrink-0 items-center justify-between border-b px-3"> <div className="shrink-0">
<h2 className="select-none text-lg font-semibold">Artifacts</h2> <div className="grid h-12 grid-cols-[minmax(0,1fr)_auto] items-center gap-3 border-b px-4">
{onClose && ( <div className="min-w-0 flex flex-1 items-center gap-2">
<Button <p className="truncate text-sm text-muted-foreground">Artifacts</p>
variant="ghost" </div>
size="icon" <div className="flex items-center gap-1 shrink-0">
onClick={onClose} {onClose && (
className="h-8 w-8 shrink-0 rounded-full text-muted-foreground hover:text-accent-foreground" <Button
> variant="ghost"
<XIcon className="h-4 w-4" /> size="icon"
<span className="sr-only">Close artifacts panel</span> onClick={onClose}
</Button> className="size-6 shrink-0 rounded-full text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground"
)} >
<XIcon className="size-4" />
<span className="sr-only">Close artifacts panel</span>
</Button>
)}
</div>
</div>
</div> </div>
<ArtifactGroups artifacts={artifacts} /> <ArtifactGroups artifacts={artifacts} />
</> </>