services/mtg-online-drafter
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Refactor application layout for full-height content and implement resizable draft UI with card zoom and scaling.

Browse Source
This commit is contained in:
Daniele Viti
2025-12-16 19:09:53 +01:00
parent 4663c968ee
commit ca76405986
12 changed files with 261 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
docs/development/devlog/2025-12-16-203000_zoom_zone.md Normal file
View File

@@ -0,0 +1,15 @@
# Card Zoom on Hover - Dedicated Zone
## Status
- [x] Add `hoveredCard` state to `DraftView` (Already done).
- [x] Implement `onMouseEnter`/`onMouseLeave` handlers (Already done).
- [x] Refactor `DraftView` layout to include a dedicated sidebar for card preview.
- [x] Move the zoomed card image into this dedicated zone instead of a fixed overlay.
## Implementation Details
- **File**: `src/client/src/modules/draft/DraftView.tsx`
- **Layout Change**:
- Wrap the central card selection area in a `flex-row` container.
- Add a Left Sidebar (e.g., `w-80`) reserved for the zoomed card.
- Ensure the main card grid takes up the remaining space (`flex-1`).
- **Behavior**: When no card is hovered, the sidebar can show a placeholder or remain empty/decorative.