Files

T

emil 1c38df7e74 style(dm): redesign dashboard with purple-gold theme

Redesign DM Dashboard (/dm/, /ru/dm/) with purple-gold theme (#534AB7 + #c8a84b):

Design System:
- Update dm-theme.css with 49 purple-gold tokens (transitions, shadows, hover states)
- Create DmTabs.astro with ARIA, keyboard nav, URL hash sync, localStorage persistence
- Create DmSidebar.astro for desktop navigation
- Redesign DmHeader with gold accent
- Update DmButton, DmCard, DmInput primitives
- Expand i18n to 47 strings

Layout:
- Redesign DmLayout with 3-column dashboard grid (sidebar|main|context)
- Update /dm/index.astro and /ru/dm/index.astro with named slots

Feature Components:
- DiceRoller: empty state, ARIA live, color-coded history, storage key fallback
- InitiativeTracker: HP editing, active highlighting, storage key fallback
- Open5eReference: skeletons, debounce, error retry, gold tabs
- NotesPanel: cross-tab sync, copy-to-clipboard, auto-save
- AuthPanel: VK/Yandex brand colors, pill buttons

Tests:
- Add 50 Playwright E2E tests (smoke, dice, initiative, reference, notes, data-migration)

Fixes:
- Document Open5e client.ts URL bugfix
- Add backward-compatible storage key fallback for dice/initiative
- Preserve legacy sessionStorage data on load

2026-05-15 17:49:32 +03:00

368 B

Raw Blame History

Overflow / Layout Break Report

desktop-1440 (1440x900)

Body scrollWidth: 1425px | window.innerWidth: 1440px
No overflow elements detected.

tablet (768x1024)

Body scrollWidth: 753px | window.innerWidth: 768px
No overflow elements detected.

mobile-375 (375x812)

Body scrollWidth: 360px | window.innerWidth: 375px
No overflow elements detected.

368 B Raw Blame History

Overflow / Layout Break Report

desktop-1440 (1440x900)

tablet (768x1024)

mobile-375 (375x812)

368 B

Raw Blame History