authorgravatar for 97427849+flamboh@users.noreply.github.comoliver <97427849+flamboh@users.noreply.github.com> 2026-10-07 22:46:39-07:00
committergravatar for noreply@github.comGitHub <noreply@github.com> 2026-10-08 02:46:39-03:00
log85a41391e9625d760f5bb2294834c38f42bbf5b8
tree7c78404fe2629edf7e3d03e1546359ba3ff50b40
parent647d8affa78c848c2a55c3e00ed14af9a9eca58e
signature Signed by PGP key B5690EEEBB952194

fix(web): Usage breadcrumb stays centered on small viewports (#15552)

1 files changed, 3 insertions(+), 3 deletions(-)

apps/web/src/components/usage/UsagePage.tsx+3-3
...@@ -328,8 +328,8 @@ export function UsagePage() {...@@ -328,8 +328,8 @@ export function UsagePage() {
328 ? `${formatDateTimeShort(window.sinceTime, window.timeZone)} to ${formatDateTimeShort(window.untilTime, window.timeZone)}`328 ? `${formatDateTimeShort(window.sinceTime, window.timeZone)} to ${formatDateTimeShort(window.untilTime, window.timeZone)}`
329 : `${formatDayShort(window.sinceDay)} to ${formatDayShort(window.untilDay)}`;329 : `${formatDayShort(window.sinceDay)} to ${formatDayShort(window.untilDay)}`;
330 const topbarContent = (330 const topbarContent = (
331 <div className="grid w-full min-w-0 grid-cols-[minmax(0,1fr)_auto] items-center gap-x-3 gap-y-2 py-2 xl:flex">331 <div className="grid w-full min-w-0 grid-cols-[minmax(0,1fr)_auto] items-center gap-x-3 py-2 xl:flex">
332 <WorkspaceBreadcrumb ariaLabel="Usage breadcrumb" className="col-span-2 min-w-0">332 <WorkspaceBreadcrumb ariaLabel="Usage breadcrumb" className="min-w-0">
333 <WorkspaceBreadcrumbItem>333 <WorkspaceBreadcrumbItem>
334 <h1>Usage</h1>334 <h1>Usage</h1>
335 </WorkspaceBreadcrumbItem>335 </WorkspaceBreadcrumbItem>
...@@ -398,7 +398,7 @@ export function UsagePage() {...@@ -398,7 +398,7 @@ export function UsagePage() {
398 <RefreshIcon size="sm" refreshing={isRefreshing} />398 <RefreshIcon size="sm" refreshing={isRefreshing} />
399 </Button>399 </Button>
400 </div>400 </div>
401 <div className="col-span-2 ms-auto flex min-w-0 items-center justify-end gap-1 xl:hidden">401 <div className="ms-auto flex min-w-0 items-center justify-end gap-1 xl:hidden">
402 <Select402 <Select
403 value={metric}403 value={metric}
404 onValueChange={(value) => {404 onValueChange={(value) => {