mirror of
https://github.com/Zproger/Aurum.git
synced 2026-10-13 02:56:39 +07:00
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:
@@ -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",
|
||||||
|
|||||||
@@ -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}
|
||||||
/>
|
/>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user