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.3 KiB
CSS
1 line
1.3 KiB
CSS
.page-content.svelte-hq0atu{padding:var(--space-4)}h2.svelte-hq0atu{font-size:var(--text-2xl);font-weight:700;color:var(--color-text);margin-bottom:var(--space-2)}.text-secondary.svelte-hq0atu{color:var(--color-text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-6)}.menu-list.svelte-hq0atu{display:flex;flex-direction:column;background-color:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:hidden}.menu-item.svelte-hq0atu{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);min-height:var(--touch-target);border-bottom:1px solid var(--color-border)}.menu-item.svelte-hq0atu:last-child{border-bottom:none}.menu-action.svelte-hq0atu{background:none;border:none;border-bottom:1px solid var(--color-border);cursor:pointer;width:100%;text-align:left;font-size:inherit;font-family:inherit}.menu-action.svelte-hq0atu:hover{background-color:var(--color-surface-hover)}.menu-label.svelte-hq0atu{font-size:var(--text-base);color:var(--color-text)}.menu-value.svelte-hq0atu{font-size:var(--text-sm);color:var(--color-text-secondary)}.danger.svelte-hq0atu .menu-label:where(.svelte-hq0atu){color:var(--color-error)}.divider.svelte-hq0atu{border:none;border-top:1px solid var(--color-border);margin:0}
|