fix(browser): remove excess padding around the inspector Browser tab (#2423)

This commit is contained in:
Apoorv Singh 2026-07-05 17:48:15 +05:30 committed by GitHub
parent 821cda64a8
commit 6cc7cc3e4e
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 21 additions and 1 deletions

View File

@ -125,7 +125,15 @@ export function SessionInspector({
))} ))}
</div> </div>
<div className="session-inspector__body"> <div
className={cn(
"session-inspector__body",
// The Browser tab renders its own bordered panel edge-to-edge, so
// drop the body padding for it (except when popped out, where the
// body only holds the "return to panel" empty state).
view === "browser" && !browserPoppedOut && "session-inspector__body--browser",
)}
>
{view === "summary" ? <SummaryView session={session} /> : null} {view === "summary" ? <SummaryView session={session} /> : null}
{view === "reviews" ? <ReviewsView onOpenReviewerTerminal={onOpenReviewerTerminal} session={session} /> : null} {view === "reviews" ? <ReviewsView onOpenReviewerTerminal={onOpenReviewerTerminal} session={session} /> : null}
{view === "browser" ? ( {view === "browser" ? (

View File

@ -773,6 +773,18 @@ body.is-resizing-x [data-slot="sidebar-container"] {
padding: 18px 18px 40px; padding: 18px 18px 40px;
} }
/* Browser tab: the panel fills the rail edge-to-edge, so drop the body padding
and the panel's own border/radius so it sits flush against the resize handle. */
.session-inspector__body.session-inspector__body--browser {
padding: 0;
overflow: hidden;
}
.session-inspector__body--browser .browser-panel {
border: 0;
border-radius: 0;
}
/* Inspector resize handle (shadcn resizable separator, AO visual): a 7px /* Inspector resize handle (shadcn resizable separator, AO visual): a 7px
* transparent grab strip whose centered 1px line lights accent on hover, drag * transparent grab strip whose centered 1px line lights accent on hover, drag
* (rrp sets data-separator="active"), and keyboard focus. */ * (rrp sets data-separator="active"), and keyboard focus. */