| author |  Akshar Patel <123344143+AksharP5@users.noreply.github.com> 2026-10-09 23:12:49-04:00 |
| committer |  GitHub <noreply@github.com> 2026-10-10 00:12:49-03:00 |
| log | c116dacb8315e4a731b25c8b93c55ef9d01e9ed3 |
| tree | f341474128b2b976e26f1b2b290dcb6951a29bee |
| parent | d50a2a6fc5ad387892bd20b0323bf07c405d9eea |
| signature | Signed by PGP key B5690EEEBB952194 |
fix(web): improve usage scanning indicator alignment (#15498)
3 files changed, 4 insertions(+), 1 deletions(-)
apps
web
src
components
apps/web/src/components/usage/UsagePage.refresh.test.tsx+1
| ... | @@ -84,6 +84,7 @@ vi.mock("../WorkspaceBreadcrumb", () => ({ | ... | @@ -84,6 +84,7 @@ vi.mock("../WorkspaceBreadcrumb", () => ({ |
| 84 | WorkspaceBreadcrumb: "div", | 84 | WorkspaceBreadcrumb: "div", |
| 85 | WorkspaceBreadcrumbItem: "div", | 85 | WorkspaceBreadcrumbItem: "div", |
| 86 | WorkspaceBreadcrumbSeparator: "span", | 86 | WorkspaceBreadcrumbSeparator: "span", |
| 87 | WorkspaceBreadcrumbText: "span", | ||
| 87 | })); | 88 | })); |
| 88 | vi.mock("../WorkspacePageContainer", () => ({ WorkspacePageContainer: "main" })); | 89 | vi.mock("../WorkspacePageContainer", () => ({ WorkspacePageContainer: "main" })); |
| 89 | vi.mock("../WorkspacePageHeader", () => ({ WorkspacePageHeader: "header" })); | 90 | vi.mock("../WorkspacePageHeader", () => ({ WorkspacePageHeader: "header" })); |
apps/web/src/components/usage/UsagePage.test.tsx+1
| ... | @@ -30,6 +30,7 @@ vi.mock("../WorkspaceBreadcrumb", () => ({ | ... | @@ -30,6 +30,7 @@ vi.mock("../WorkspaceBreadcrumb", () => ({ |
| 30 | WorkspaceBreadcrumb: "div", | 30 | WorkspaceBreadcrumb: "div", |
| 31 | WorkspaceBreadcrumbItem: "div", | 31 | WorkspaceBreadcrumbItem: "div", |
| 32 | WorkspaceBreadcrumbSeparator: "span", | 32 | WorkspaceBreadcrumbSeparator: "span", |
| 33 | WorkspaceBreadcrumbText: "span", | ||
| 33 | })); | 34 | })); |
| 34 | vi.mock("../WorkspacePageContainer", () => ({ WorkspacePageContainer: "main" })); | 35 | vi.mock("../WorkspacePageContainer", () => ({ WorkspacePageContainer: "main" })); |
| 35 | vi.mock("../WorkspacePageHeader", () => ({ WorkspacePageHeader: "header" })); | 36 | vi.mock("../WorkspacePageHeader", () => ({ WorkspacePageHeader: "header" })); |
apps/web/src/components/usage/UsagePage.tsx+2-1
| ... | @@ -71,6 +71,7 @@ import { | ... | @@ -71,6 +71,7 @@ import { |
| 71 | WorkspaceBreadcrumb, | 71 | WorkspaceBreadcrumb, |
| 72 | WorkspaceBreadcrumbItem, | 72 | WorkspaceBreadcrumbItem, |
| 73 | WorkspaceBreadcrumbSeparator, | 73 | WorkspaceBreadcrumbSeparator, |
| 74 | WorkspaceBreadcrumbText, | ||
| 74 | } from "../WorkspaceBreadcrumb"; | 75 | } from "../WorkspaceBreadcrumb"; |
| 75 | import { WorkspacePageContainer } from "../WorkspacePageContainer"; | 76 | import { WorkspacePageContainer } from "../WorkspacePageContainer"; |
| 76 | import { WorkspacePageHeader } from "../WorkspacePageHeader"; | 77 | import { WorkspacePageHeader } from "../WorkspacePageHeader"; |
| ... | @@ -1275,7 +1276,7 @@ function UsageEnvironmentFilter({ | ... | @@ -1275,7 +1276,7 @@ function UsageEnvironmentFilter({ |
| 1275 | return ( | 1276 | return ( |
| 1276 | <Menu> | 1277 | <Menu> |
| 1277 | <MenuTrigger render={<InlineButton />} className="group/usage-environment min-w-0 max-w-full"> | 1278 | <MenuTrigger render={<InlineButton />} className="group/usage-environment min-w-0 max-w-full"> |
| 1278 | <span className="min-w-0 truncate">{label}</span> | 1279 | <WorkspaceBreadcrumbText>{label}</WorkspaceBreadcrumbText> |
| 1279 | <span className="flex size-3.5 shrink-0 items-center justify-center text-muted-foreground"> | 1280 | <span className="flex size-3.5 shrink-0 items-center justify-center text-muted-foreground"> |
| 1280 | {showUsageStatus && hasIssue ? ( | 1281 | {showUsageStatus && hasIssue ? ( |
| 1281 | <CircleAlertIcon | 1282 | <CircleAlertIcon |