harivansh-afk/sandbox-agent
1
0
Fork 0
mirror of https://github.com/harivansh-afk/sandbox-agent.git synced 2026-04-20 09:01:56 +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

23
factory/packages/frontend/src/components/mock-layout/prompt-composer.tsx
View file

@ -69,9 +69,14 @@ export const PromptComposer = memo(function PromptComposer({
"::placeholder": { color: theme.colors.contentSecondary },
}),
submit: css({
all: "unset",
appearance: "none",
WebkitAppearance: "none",
boxSizing: "border-box",
width: "32px",
height: "32px",
padding: "0",
margin: "0",
border: "none",
borderRadius: "6px",
cursor: "pointer",
position: "absolute",
@ -80,6 +85,8 @@ export const PromptComposer = memo(function PromptComposer({
display: "flex",
alignItems: "center",
justifyContent: "center",
lineHeight: 0,
fontSize: 0,
color: theme.colors.contentPrimary,
transition: "background 200ms ease",
backgroundColor: isRunning ? "rgba(255, 255, 255, 0.06)" : "rgba(255, 255, 255, 0.12)",
@ -92,9 +99,12 @@ export const PromptComposer = memo(function PromptComposer({
},
}),
submitContent: css({
display: "inline-flex",
display: "flex",
alignItems: "center",
justifyContent: "center",
width: "100%",
height: "100%",
lineHeight: 0,
color: isRunning ? theme.colors.contentPrimary : "#ffffff",
}),
};
@ -157,15 +167,10 @@ export const PromptComposer = memo(function PromptComposer({
allowEmptySubmit={isRunning}
submitLabel={isRunning ? "Stop" : "Send"}
classNames={composerClassNames}
renderSubmitContent={() => (isRunning ? <Square size={16} /> : <SendHorizonal size={16} />)}
renderSubmitContent={() => (isRunning ? <Square size={16} style={{ display: "block" }} /> : <SendHorizonal size={16} style={{ display: "block" }} />)}
renderFooter={() => (
<div className={css({ padding: "0 10px 8px" })}>
<ModelPicker
value={model}
defaultModel={defaultModel}
onChange={onChangeModel}
onSetDefault={onSetDefaultModel}
/>
<ModelPicker value={model} defaultModel={defaultModel} onChange={onChangeModel} onSetDefault={onSetDefaultModel} />
</div>
)}
/>