Mikkel Georgsen
7f91301efa
- Persistent header: clock countdown, level, blinds, player count (red pulse <10s, PAUSED/BREAK badges) - Bottom tab bar (mobile): Overview, Players, Tables, Financials, More with 48px touch targets - Desktop sidebar (>=768px): vertical nav replacing bottom tabs - FAB: expandable quick actions (Bust, Buy In, Rebuy, Add-On, Pause/Resume) with backdrop - Toast notification system: success/info/warning/error with auto-dismiss and stacking - DataTable: sortable columns, sticky header, search/filter, mobile swipe actions, skeleton loading - Multi-tournament tabs: horizontal scrollable selector when 2+ tournaments active - Loading components: spinner (sm/md/lg), skeleton rows, full-page overlay - Root layout: auth guard, responsive shell (mobile bottom tabs / desktop sidebar) - Route pages: overview, players, tables, financials, more with placeholder content Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
1 line
1.1 KiB
CSS
1 line
1.1 KiB
CSS
.page-content.svelte-1ba4c5d{padding:var(--space-4)}h2.svelte-1ba4c5d{font-size:var(--text-2xl);font-weight:700;color:var(--color-text);margin-bottom:var(--space-2)}.text-secondary.svelte-1ba4c5d{color:var(--color-text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-6)}.finance-grid.svelte-1ba4c5d{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}@media(min-width:768px){.finance-grid.svelte-1ba4c5d{grid-template-columns:repeat(3,1fr)}}.finance-card.svelte-1ba4c5d{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4);background-color:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.finance-card.highlight.svelte-1ba4c5d{border-color:var(--color-prize)}.finance-label.svelte-1ba4c5d{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.finance-value.svelte-1ba4c5d{font-size:var(--text-xl);font-weight:700;color:var(--color-text)}.finance-value.prize.svelte-1ba4c5d{color:var(--color-prize)}.empty-state.svelte-1ba4c5d{color:var(--color-text-muted);font-style:italic;padding:var(--space-8) 0;text-align:center}
|