codeburn/app/renderer/components/StaleBanner.tsx
iamtoruk 0eb0fd60d7 polish(app): spacing scale, unified insets, shared banner classes, scrollbar cues
- --sp-1..7 scale; card headers unified on 10x14, bodies on 12x14;
  orphan gaps snapped to rungs
- CapsuleChart's orphaned CSS deleted
- StaleBanner/budget/empty/range notes moved from inline styles to
  plain.css classes; Panel bodyStyle prop retired (scroll-x class)
- thin always-visible scrollbars on scrolling panels and overflow-x
  tables; Compare pickers flex below 760px instead of overflowing
- one capitalization fix (loading quota…)

235/235, build green.
2026-07-16 04:02:21 -07:00

13 lines
415 B
TypeScript

import type { CliError } from '../lib/types'
/**
* One-line notice shown when a section still has last-good data but the latest
* background poll failed. Muted so it never competes with the data below it.
*/
export function StaleBanner({ error }: { error: CliError }) {
return (
<div role="status" className="stale-banner">
Refresh failed, showing last good data · {error.message}
</div>
)
}