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

feat: Improve mobile experience by enabling card size sliders and long-press card previews.

Browse Source
This commit is contained in:
Daniele Viti
2025-12-17 01:54:31 +01:00
parent 97276979bf
commit aeab15eb9c
5 changed files with 41 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
docs/development/devlog/2025-12-17-024800_mobile_card_slider.md Normal file
View File

@@ -0,0 +1,16 @@
# Mobile Card Size Slider
## Status
- [x] Locate the card size slider component (`CubeManager` and `DraftView`)
- [x] Analyze why it is hidden on small screens (`hidden` utility classes)
- [x] Modify layout to ensure it is visible on mobile
- [x] Determine if layout adjustments are needed (Reduced width on `DraftView`)
- [x] Verify implementation (Code applied)
## Context
User reported that the card size adjustment bar is missing on small screens.
The fix was applied to both the Cube Manager (pack review) and Draft View (live drafting).
## Changes
- **CubeManager.tsx**: Removed `hidden sm:flex` from the slider container. It is now always `flex`.
- **DraftView.tsx**: Removed `hidden md:flex` and adjusted width to `w-24 md:w-32` to fit better on small screens.