starred/aryx
1
0
Fork 0
mirror of https://github.com/davidkaya/aryx.git synced 2026-08-29 22:17:13 +02:00
Code Issues 3 Packages Projects Releases 10 Wiki Activity

fix: align chat and activity panel header borders

Browse Source 
Reduce chat header padding and tighten the title/subtitle line height so the border-bottom lines up with the activity side panel header.

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
This commit is contained in:
David Kaya
2026-03-22 18:51:43 +01:00
co-authored by Copilot
parent d6022fcb79
commit 585f2740a5
2 changed files with 23 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/renderer/components/ActivityPanel.tsx
+1 -1
View File
@@ -46,7 +46,7 @@ export function ActivityPanel({ activity, pattern, session }: ActivityPanelProps
<div className="flex h-full flex-col"> <div className="flex h-full flex-col">
{/* Header — top padding clears the title bar overlay zone */} {/* Header — top padding clears the title bar overlay zone */}
<div className="border-b border-[var(--color-border)] px-4 pb-3 pt-12"> <div className="border-b border-[var(--color-border)] px-4 pb-3 pt-12">
<div className="flex items-center gap-2"> <div className="flex min-h-8 items-center gap-2">
<Activity className="size-4 text-zinc-500" /> <Activity className="size-4 text-zinc-500" />
<span className="text-[12px] font-semibold uppercase tracking-[0.12em] text-zinc-400"> <span className="text-[12px] font-semibold uppercase tracking-[0.12em] text-zinc-400">
Activity Activity
src/renderer/components/ChatPane.tsx
+5 -3
View File
@@ -313,10 +313,11 @@ export function ChatPane({
return ( return (
<div className="flex h-full flex-col"> <div className="flex h-full flex-col">
{/* Header — extra top padding clears the title bar overlay zone */} {/* Header — extra top padding clears the title bar overlay zone */}
<header className="flex items-center justify-between border-b border-[var(--color-border)] px-6 pb-3 pt-12"> <header className="border-b border-[var(--color-border)] px-6 pb-3 pt-12">
<div className="flex min-h-8 items-center justify-between">
<div className="min-w-0"> <div className="min-w-0">
<h2 className="truncate text-sm font-semibold text-zinc-100">{session.title}</h2> <h2 className="truncate text-[13px] font-semibold leading-tight text-zinc-100">{session.title}</h2>
<p className="mt-0.5 truncate text-[12px] text-zinc-500"> <p className="truncate text-[11px] leading-tight text-zinc-500">
{isScratchpad ? `Scratchpad · ${pattern.name}` : `${project.name} · ${pattern.name} · ${pattern.mode}`} {isScratchpad ? `Scratchpad · ${pattern.name}` : `${project.name} · ${pattern.name} · ${pattern.mode}`}
</p> </p>
</div> </div>
@@ -334,6 +335,7 @@ export function ChatPane({
</span> </span>
)} )}
</div> </div>
</div>
</header> </header>
{/* Messages */} {/* Messages */}