fix: long unbroken transaction description broke Dashboard layout

Card had no min-width: 0, so as a direct CSS Grid child on the
Dashboard it would grow to fit nowrap (truncate) text instead of
letting the ellipsis kick in — classic grid blowout. Reproduced with
Playwright (scrollWidth 2143px vs 1440px viewport before the fix,
matches after). Fixing it on the shared Card primitive protects every
grid/flex layout that uses it, not just Dashboard.
This commit is contained in:
ZProger
2026-08-16 22:00:56 +03:00
parent c905cea84e
commit e9eae92975
2 changed files with 2 additions and 2 deletions

View File

@@ -1,7 +1,7 @@
{ {
"name": "aurum-frontend", "name": "aurum-frontend",
"private": true, "private": true,
"version": "0.15.3", "version": "0.15.4",
"type": "module", "type": "module",
"scripts": { "scripts": {
"dev": "vite", "dev": "vite",

View File

@@ -4,7 +4,7 @@ import { cn } from "@/lib/utils";
export function Card({ className, ...props }: HTMLAttributes<HTMLDivElement>) { export function Card({ className, ...props }: HTMLAttributes<HTMLDivElement>) {
return ( return (
<div <div
className={cn("rounded-xl border border-border bg-surface-1 shadow-sm", className)} className={cn("min-w-0 rounded-xl border border-border bg-surface-1 shadow-sm", className)}
{...props} {...props}
/> />
); );