diff --git a/src/client/src/components/PackCard.tsx b/src/client/src/components/PackCard.tsx index 8aa34c1..14257c8 100644 --- a/src/client/src/components/PackCard.tsx +++ b/src/client/src/components/PackCard.tsx @@ -136,7 +136,7 @@ export const PackCard: React.FC = ({ pack, viewMode, cardWidth = )} - {viewMode === 'stack' && } + {viewMode === 'stack' && } ); diff --git a/src/client/src/modules/cube/CubeManager.tsx b/src/client/src/modules/cube/CubeManager.tsx index b68a1bd..01fe5cd 100644 --- a/src/client/src/modules/cube/CubeManager.tsx +++ b/src/client/src/modules/cube/CubeManager.tsx @@ -883,9 +883,12 @@ export const CubeManager: React.FC = ({ packs, setPacks, avail
165 + ? (viewMode === 'list' ? '500px' : '750px') + : localCardWidth <= 95 + ? (viewMode === 'list' ? '300px' : '450px') + : (viewMode === 'list' ? '400px' : '600px') + }), 1fr))` }} > {packs.map((pack) => ( diff --git a/src/client/src/utils/interaction.ts b/src/client/src/utils/interaction.ts index c3d1a2f..e2de25d 100644 --- a/src/client/src/utils/interaction.ts +++ b/src/client/src/utils/interaction.ts @@ -19,12 +19,12 @@ export function useCardTouch( touchStartCount.current = e.touches.length; isLongPress.current = false; - // Only Start "Preview" Timer if 2 fingers - if (e.touches.length === 2) { + // Start Preview Timer (1 finger is standard mobile long-press) + if (e.touches.length === 1) { timerRef.current = setTimeout(() => { isLongPress.current = true; onHover(cardPayload); - }, 400); // 400ms threshold + }, 500); // 500ms threshold (standard long press) } }, [onHover, cardPayload]);