fix(browser): remove excess padding around the inspector Browser tab (#2423)
This commit is contained in:
parent
821cda64a8
commit
6cc7cc3e4e
|
|
@ -125,7 +125,15 @@ export function SessionInspector({
|
|||
))}
|
||||
</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 === "reviews" ? <ReviewsView onOpenReviewerTerminal={onOpenReviewerTerminal} session={session} /> : null}
|
||||
{view === "browser" ? (
|
||||
|
|
|
|||
|
|
@ -773,6 +773,18 @@ body.is-resizing-x [data-slot="sidebar-container"] {
|
|||
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
|
||||
* transparent grab strip whose centered 1px line lights accent on hover, drag
|
||||
* (rrp sets data-separator="active"), and keyboard focus. */
|
||||
|
|
|
|||
Loading…
Reference in New Issue