Skip to content

Commit 65b2638

Browse files
committed
fix(anthropic): add separator above Claude code limits usage section
1 parent ccc697a commit 65b2638

1 file changed

Lines changed: 4 additions & 2 deletions

File tree

web/src/components/global/claude-code-limits.tsx

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
import { useQuery } from '@tanstack/react-query';
22
import { trpc } from '@/lib/trpc.js';
3+
import { Separator } from '@/components/ui/separator.js';
34

45
function formatResetDate(resetsAt: string): string {
56
if (!resetsAt) return '';
@@ -38,14 +39,15 @@ export function ClaudeCodeLimitsSection() {
3839
}
3940

4041
return (
41-
<div className="mt-1">
42+
<div>
43+
<Separator className="my-3" />
4244
<div className="px-3 py-1 text-xs font-semibold uppercase tracking-wider text-muted-foreground">
4345
Usage
4446
</div>
4547
<div className="flex flex-col gap-2 px-3 py-1">
4648
{data.map((limits, i) => (
4749
// biome-ignore lint/suspicious/noArrayIndexKey: tokenMasked is not guaranteed unique (tokens may share trailing 4 chars); index is safe here as list order is server-determined and stable
48-
<div key={i} className="rounded-md bg-sidebar-accent/30 p-2 text-xs">
50+
<div key={i} className="rounded-md bg-sidebar-accent/30 text-xs">
4951
<div className="font-medium text-sidebar-foreground truncate mb-1.5">
5052
{limits.tokenMasked}
5153
</div>

0 commit comments

Comments
 (0)