osobh/clawmates
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Agent page: left-align the anatomy profile column (was centered with a big left gap)
ci / gates (push) Failing after 5s
Details
ci / rust (push) Has been skipped
Details
ci / sandbox-k8s (push) Has been skipped
Details
ci / frontend (push) Has been skipped
Details
ci / e2e (push) Has been skipped
Details

Browse Source 
The claw anatomy stage capped its content to an 820px column with margin:0 auto,
so on a wide left region the whole profile (incl. Morpheus's avatar) floated in the
center with large empty space toward the left sidebar. Left-align it (margin:0) and
widen to 920 so the profile hugs the left.

Co-Authored-By: Claude Opus 4.8 (1M context) <[email protected]>
This commit is contained in:
Omar Sobh
2026-06-26 06:48:09 -07:00
co-authored by Claude Opus 4.8
parent c94784bab2
commit e1fe3202b0
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/dashboard/Dashboard.tsx
+1 -1
View File
@@ -968,7 +968,7 @@ function ClawAnatomyCanvas({ agent, teamName, avatarUrl, onToolsChanged, brain }
return ( return (
<div style={{ position: "absolute", inset: 0, display: "flex", flexDirection: "column", background: "radial-gradient(120% 90% at 50% 42%, #100e13 0%, #08080a 70%)" }}> <div style={{ position: "absolute", inset: 0, display: "flex", flexDirection: "column", background: "radial-gradient(120% 90% at 50% 42%, #100e13 0%, #08080a 70%)" }}>
<div style={{ position: "relative", flex: 1, minHeight: 0, overflow: "auto", padding: "22px 20px 28px" }}> <div style={{ position: "relative", flex: 1, minHeight: 0, overflow: "auto", padding: "22px 20px 28px" }}>
<div style={{ maxWidth: 820, margin: "0 auto", display: "flex", flexDirection: "column", alignItems: "center", gap: 20 }}> <div style={{ maxWidth: 920, margin: 0, display: "flex", flexDirection: "column", alignItems: "center", gap: 20 }}>
{/* Name (left) · avatar (center) · title (right), above the activity card. */} {/* Name (left) · avatar (center) · title (right), above the activity card. */}
<div style={{ width: "100%", display: "flex", flexDirection: "column", gap: 18 }}> <div style={{ width: "100%", display: "flex", flexDirection: "column", gap: 18 }}>
<div style={{ display: "flex", alignItems: "center", justifyContent: "space-between", gap: 12, width: "100%", padding: "0 2px" }}> <div style={{ display: "flex", alignItems: "center", justifyContent: "space-between", gap: 12, width: "100%", padding: "0 2px" }}>