Webklar DeployandCursor
d20a4de117
- Ruhiges Dark-Designsystem (Tokens, Karten, Badges/Pills, KPIs) in global.css, animierter PixelBlast-Hintergrund entfernt (kleineres Bundle) - Aufgeraeumter App-Rahmen: feste Sidebar mit sichtbaren Labels, gruppierter Navigation, aktivem Zustand und Collapse - Wiederverwendbare UI-Bausteine unter src/components/ui/ - Ticketliste als scanbare Karten (TicketCard) statt rowSpan-Tabelle - Neue Bereiche: Kunden (CRM-360), Finanzen-Cockpit, Dokumente-Browser - Dashboard als echtes Cockpit (Ticket-/Finanz-/Dokument-Kennzahlen) - Alle Seiten auf einheitlichen PageHeader/Container/Tokens umgestellt Co-authored-by: Cursor <cursoragent@cursor.com>
19 lines
582 B
React
19 lines
582 B
React
export default function Card({ title, actions, children, pad = true, className = '', bodyStyle, style }) {
|
|
if (!title && !actions) {
|
|
return (
|
|
<div className={`ui-card ${pad ? 'pad' : ''} ${className}`} style={style}>
|
|
{children}
|
|
</div>
|
|
)
|
|
}
|
|
return (
|
|
<div className={`ui-card ${className}`} style={style}>
|
|
<div className="ui-card-head">
|
|
<h3>{title}</h3>
|
|
{actions && <div className="flex gap-2 items-center">{actions}</div>}
|
|
</div>
|
|
<div className="ui-card-body" style={bodyStyle}>{children}</div>
|
|
</div>
|
|
)
|
|
}
|