scriptoriumadmin/fabro
1
0
Fork 0
mirror of https://github.com/fabro-sh/fabro.git synced 2026-09-07 08:27:12 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

fix(web): balance top and bottom padding in stage renderer area

Browse source 
The outer scroll container had pt-2 with pb-[calc(1.5rem+dock)], so
content sat ~8px below the tab toolbar but ~24px above the dock —
visibly off. Each new renderer also re-applied its own pt-2, doubling
the top spacing. Bump the outer pt to pt-6 so it matches the 24px
baseline bottom, and drop the duplicated pt-2 from every renderer
wrapper.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Bryan Helmkamp 2026-05-09 19:33:13 -04:00
parent 8b4442096d
commit 06277c79f5
No known key found for this signature in database
8 changed files with 8 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
apps/fabro-web/app/components/stage-renderers/conditional-decision.tsx
View file

@ -47,7 +47,7 @@ export function ConditionalDecision({
}, [allStages, edge]);
return (
<div className="space-y-6 pl-3 pr-4 pt-2 sm:pr-6 lg:pr-8">
<div className="space-y-6 pl-3 pr-4 sm:pr-6 lg:pr-8">
<StageMetaBar stage={stage} />
<section className="rounded-lg bg-panel p-6 outline-1 -outline-offset-1 outline-line">

2
apps/fabro-web/app/components/stage-renderers/fan-in-results.tsx
View file

@ -99,7 +99,7 @@ export function FanInResults({
);
return (
<div className="space-y-6 pl-3 pr-4 pt-2 sm:pr-6 lg:pr-8">
<div className="space-y-6 pl-3 pr-4 sm:pr-6 lg:pr-8">
<StageMetaBar
stage={stage}
trailing={

2
apps/fabro-web/app/components/stage-renderers/human-qa.tsx
View file

@ -223,7 +223,7 @@ export function HumanQA({
const pendingCount = pairs.filter((p) => p.resolution == null).length;
return (
<div className="space-y-6 pl-3 pr-4 pt-2 sm:pr-6 lg:pr-8">
<div className="space-y-6 pl-3 pr-4 sm:pr-6 lg:pr-8">
<StageMetaBar
stage={stage}
trailing={

2
apps/fabro-web/app/components/stage-renderers/manager-loop-summary.tsx
View file

@ -21,7 +21,7 @@ export function ManagerLoopSummary({
const cycleHint = notes ?? null;
return (
<div className="space-y-6 pl-3 pr-4 pt-2 sm:pr-6 lg:pr-8">
<div className="space-y-6 pl-3 pr-4 sm:pr-6 lg:pr-8">
<StageMetaBar stage={stage} />
<section className="rounded-lg bg-panel p-5 outline-1 -outline-offset-1 outline-line">

2
apps/fabro-web/app/components/stage-renderers/parallel-children.tsx
View file

@ -146,7 +146,7 @@ export function ParallelChildren({
: [];
return (
<div className="space-y-6 pl-3 pr-4 pt-2 sm:pr-6 lg:pr-8">
<div className="space-y-6 pl-3 pr-4 sm:pr-6 lg:pr-8">
<StageMetaBar
stage={stage}
trailing={

2
apps/fabro-web/app/components/stage-renderers/stage-summary.tsx
View file

@ -36,7 +36,7 @@ export function StageSummary({
const categories = summarizeEventCategories(events);
return (
<div className="space-y-6 pl-3 pr-4 pt-2 sm:pr-6 lg:pr-8">
<div className="space-y-6 pl-3 pr-4 sm:pr-6 lg:pr-8">
<StageMetaBar stage={stage} />
<dl className="grid grid-cols-[max-content_1fr] gap-x-6 gap-y-2 text-sm">

2
apps/fabro-web/app/components/stage-renderers/wait-status.tsx
View file

@ -24,7 +24,7 @@ export function WaitStatus({ stage }: { stage: Stage }) {
const label = isActive ? "Waiting" : "Wait complete";
return (
<div className="space-y-6 pl-3 pr-4 pt-2 sm:pr-6 lg:pr-8">
<div className="space-y-6 pl-3 pr-4 sm:pr-6 lg:pr-8">
<StageMetaBar stage={stage} />
<section className="flex items-center justify-center rounded-lg bg-panel py-12 outline-1 -outline-offset-1 outline-line">

2
apps/fabro-web/app/routes/run-stages.tsx
View file

@ -1298,7 +1298,7 @@ export default function RunStages() {
)}
</div>
</div>
<div className="min-h-0 flex-1 overflow-y-auto pt-2 pb-[calc(1.5rem+var(--fabro-interview-dock-clearance,0px))]">
<div className="min-h-0 flex-1 overflow-y-auto pt-6 pb-[calc(1.5rem+var(--fabro-interview-dock-clearance,0px))]">
{effectiveTab === "primary" ? (
renderer === "agent" ? (
turns.length > 0 && filteredTurns.length === 0 ? (