authorgravatar for maria@kuuro.netmaria <maria@kuuro.net> 2026-09-10 23:59:10-03:00
committergravatar for noreply@github.comGitHub <noreply@github.com> 2026-09-10 23:59:10-03:00
log4d06156dd7821851007e61489105f33dbb241a7f
tree9076e810a72ed935fbcdbefa5e337d6edd175eee
parent20ef25037f455a570426ac2a93fcf499d1f91167
signature Signed by PGP key B5690EEEBB952194

fix(web): center pull request unavailable states (#11110)

3 files changed, 10 insertions(+), 4 deletions(-)

apps/web/src/components/pullRequest/PullRequestDetailPanel.tsx+8-2
...@@ -1447,7 +1447,13 @@ export function PullRequestDetailPanel({...@@ -1447,7 +1447,13 @@ export function PullRequestDetailPanel({
1447 onPickerOpenChange={setThreadPickerOpen}1447 onPickerOpenChange={setThreadPickerOpen}
1448 />1448 />
1449 ) : null}1449 ) : null}
1450 <div className="@container/pr-header grid min-w-0 shrink-0 grid-cols-[minmax(0,1fr)_auto] items-start gap-x-2 border-b border-border/60">1450 <div
1451 className={cn(
1452 "@container/pr-header grid min-w-0 shrink-0 grid-cols-[minmax(0,1fr)_auto] items-start gap-x-2",
1453 detail && "border-b border-border/60",
1454 !detail && !onClose && "hidden",
1455 )}
1456 >
1451 <div className="ml-4 grid h-7 min-w-0 items-center overflow-hidden">1457 <div className="ml-4 grid h-7 min-w-0 items-center overflow-hidden">
1452 <div1458 <div
1453 aria-hidden={condensed}1459 aria-hidden={condensed}
...@@ -2513,7 +2519,7 @@ export function PullRequestDetailPanel({...@@ -2513,7 +2519,7 @@ export function PullRequestDetailPanel({
2513 </div>2519 </div>
25142520
2515 <div2521 <div
2516 className="relative min-h-0 flex-1 overflow-hidden"2522 className="relative flex min-h-0 flex-1 flex-col overflow-hidden"
2517 onScrollCapture={(event) => {2523 onScrollCapture={(event) => {
2518 const scroller = event.target as HTMLElement;2524 const scroller = event.target as HTMLElement;
2519 scrollerRef.current = scroller;2525 scrollerRef.current = scroller;
apps/web/src/components/pullRequest/PullRequestsUnavailableState.tsx+1-1
...@@ -25,7 +25,7 @@ export function PullRequestsUnavailableState({...@@ -25,7 +25,7 @@ export function PullRequestsUnavailableState({
25 gitHubUrl?: string;25 gitHubUrl?: string;
26}) {26}) {
27 return (27 return (
28 <Empty className="px-4 py-16 md:px-4">28 <Empty className="min-h-0 justify-center-safe overflow-y-auto px-4 py-16 md:px-4 [&>*]:shrink-0">
29 <EmptyMedia variant="icon">29 <EmptyMedia variant="icon">
30 <GitPullRequestIcon />30 <GitPullRequestIcon />
31 </EmptyMedia>31 </EmptyMedia>
apps/web/src/routes/_chat.pull-requests.tsx+1-1
...@@ -2362,7 +2362,7 @@ function PullRequestsColumn({...@@ -2362,7 +2362,7 @@ function PullRequestsColumn({
2362 {/* The top padding is the shared fade band's height, the same pairing the2362 {/* The top padding is the shared fade band's height, the same pairing the
2363 settings page makes: at rest the controls sit fully below the mask, and only2363 settings page makes: at rest the controls sit fully below the mask, and only
2364 content actually passing under the chrome fades. */}2364 content actually passing under the chrome fades. */}
2365 <WorkspacePageContainer width="expanded" className="gap-4">2365 <WorkspacePageContainer width="expanded" className="min-h-full gap-4">
2366 <div className="flex flex-col gap-3">2366 <div className="flex flex-col gap-3">
2367 <div ref={inFlowSearchRef} className="flex flex-wrap items-center gap-2">2367 <div ref={inFlowSearchRef} className="flex flex-wrap items-center gap-2">
2368 <div className="min-w-0 basis-full @lg/pr-list:basis-0 @lg/pr-list:flex-1">2368 <div className="min-w-0 basis-full @lg/pr-list:basis-0 @lg/pr-list:flex-1">