feat: Unify card fetching/parsing and pack generation into a single handleGenerate function and button.

This commit is contained in:
2025-12-17 14:37:49 +01:00
parent 245ab6414a
commit 90d50bf1c2
5 changed files with 107 additions and 86 deletions

View File

@@ -0,0 +1,20 @@
# Responsive Pack Grid Layout
## Objective
Update the generated packs UI to maximize pack density on screen when the user reduces the card size.
## Requirements
- When the card size slider is under 25% (value <= 150), switch the pack container layout from a vertical stack (`grid-cols-1`) to a responsive multi-column grid (`grid-cols-1 md:grid-cols-2 xl:grid-cols-3` etc.).
- Ensure this applies to all view modes (List, Grid, Stack).
- Maintain consistency in UI.
## Implementation
- Modified `src/client/src/modules/cube/CubeManager.tsx`.
- Added conditional logic to the main packs container `div`.
- Condition: `cardWidth <= 150`.
- Classes: `grid-cols-1 md:grid-cols-2 xl:grid-cols-3 2xl:grid-cols-4` for compact mode.
## Verification
- Verified using browser simulation.
- Verified that setting slider to 100 triggers the grid layout.
- Verified that setting slider to 300 reverts to vertical stack.

View File

@@ -0,0 +1,17 @@
# Stack View Consistency Fix
## Objective
Ensure the Stack View pack container has the same visual styling (background, border, shadow, header) as the List and Grid views.
## User Request
"the stacked view region graphic is not consistent with the other views, the container region is missing"
## Implementation
- Modified `src/client/src/components/PackCard.tsx`.
- Removed the conditional ternary operators that stripped the background and border when `viewMode === 'stack'`.
- Ensured consistent `p-4` padding for the content wrapper.
- The `StackView` component is now rendered inside the standard slate card container.
## Verification
- Code review confirms the removal of `bg-transparent border-none` overrides.
- This ensures the `bg-slate-800` class applied to the parent `div` is visible in all modes.