harivansh-afk/sandbox-agent
1
0
Fork 0
mirror of https://github.com/harivansh-afk/sandbox-agent.git synced 2026-04-17 16:02:42 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Foundry UI polish: favicon, icon alignment, and border refinements (#236)

Browse source 
Add Foundry favicon, fix icon centering across sidebar/composer/header
buttons, restore center panel top-left border curve, and position right
sidebar border between header actions and tab strip.

Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Nicholas Kissel 2026-03-11 02:59:58 -07:00 • committed by GitHub
parent e792a720a0
commit e03484848e
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
9 changed files with 558 additions and 415 deletions
Download patch file Download diff file Expand all files Collapse all files

11
factory/packages/frontend/src/components/mock-layout/transcript-header.tsx
View file

@ -115,7 +115,7 @@ export const TranscriptHeader = memo(function TranscriptHeader({
<div className={css({ flex: 1 })} />
<div
className={css({
display: "flex",
display: "inline-flex",
alignItems: "center",
gap: "5px",
padding: "3px 10px",
@ -124,11 +124,12 @@ export const TranscriptHeader = memo(function TranscriptHeader({
border: "1px solid rgba(255, 255, 255, 0.08)",
fontSize: "11px",
fontWeight: 500,
lineHeight: 1,
color: theme.colors.contentSecondary,
whiteSpace: "nowrap",
})}
>
<Clock size={11} />
<Clock size={11} style={{ flexShrink: 0 }} />
<span>847 min used</span>
</div>
{activeTab ? (
@ -136,20 +137,22 @@ export const TranscriptHeader = memo(function TranscriptHeader({
onClick={() => onSetActiveTabUnread(!activeTab.unread)}
className={css({
all: "unset",
display: "flex",
boxSizing: "border-box",
display: "inline-flex",
alignItems: "center",
gap: "5px",
padding: "4px 10px",
borderRadius: "6px",
fontSize: "11px",
fontWeight: 500,
lineHeight: 1,
color: theme.colors.contentSecondary,
cursor: "pointer",
transition: "all 200ms ease",
":hover": { backgroundColor: "rgba(255, 255, 255, 0.06)", color: theme.colors.contentPrimary },
})}
>
<MailOpen size={12} /> {activeTab.unread ? "Mark read" : "Mark unread"}
<MailOpen size={12} style={{ flexShrink: 0 }} /> {activeTab.unread ? "Mark read" : "Mark unread"}
</button>
) : null}
</PanelHeaderBar>