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

13
docs/development/devlog/2025-12-16-201500_card_zoom.md Normal file
View File

@@ -0,0 +1,13 @@
# Card Zoom on Hover
## Status
- [x] Add `hoveredCard` state to `DraftView`.
- [x] Implement `onMouseEnter`/`onMouseLeave` handlers for cards in both Pick and Pool areas.
- [x] rendering a fixed, high z-index preview of the hovered card.
- [x] Disable right-click context menu on Draft interface.
## Implementation Details
- **File**: `src/client/src/modules/draft/DraftView.tsx`
- **Zoom Component**: A fixed `div` containing the large card image.
- **Position**: Fixed to the left or right side of the screen (e.g., `left-10 top-1/2 -translate-y-1/2`) to avoid covering the grid being interacted with (which is usually centered).
- **Styling**: Large size (e.g., `w-80` or `h-[500px]`), shadow, border, rounded corners.