yusufipek/distromatch
1
0
Fork 0
mirror of https://github.com/yusufipk/distromatch.git synced 2026-09-11 10:46:07 +00:00
Code Issues Packages Projects Releases Wiki Activity

Center all cards properly on the screen for better display

Browse Source 
Remove absolute positioning from DECard and QuestionCard components to ensure correct centering within their parent containers.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: e522d728-b28a-437f-b576-83935afe7ea0
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 44a8db0b-163c-40dd-9168-6e7d7f4fcb07
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/55e426a8-5a2b-421b-8bd4-30481ae0063b/e522d728-b28a-437f-b576-83935afe7ea0/LmuYLyP
Replit-Helium-Checkpoint-Created: true
This commit is contained in:
yusufipk
2025-12-17 14:18:56 +00:00
parent 149bd32f3b
commit d1470a5818
2 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/components/DECard.tsx
+1 -1
View File
@@ -67,7 +67,7 @@ export default function DECard({ de, onSwipe, isTop }: DECardProps) {
return ( return (
<motion.div <motion.div
className="absolute cursor-grab active:cursor-grabbing" className="cursor-grab active:cursor-grabbing"
style={{ x, rotate, opacity }} style={{ x, rotate, opacity }}
drag={isTop ? 'x' : false} drag={isTop ? 'x' : false}
dragConstraints={{ left: 0, right: 0 }} dragConstraints={{ left: 0, right: 0 }}
client/src/components/QuestionCard.tsx
+1 -1
View File
@@ -36,7 +36,7 @@ export default function QuestionCard({ question, onSwipe, isTop, questionNumber,
return ( return (
<motion.div <motion.div
className="absolute cursor-grab active:cursor-grabbing" className="cursor-grab active:cursor-grabbing"
style={{ x, rotate, opacity }} style={{ x, rotate, opacity }}
drag={isTop ? 'x' : false} drag={isTop ? 'x' : false}
dragConstraints={{ left: 0, right: 0 }} dragConstraints={{ left: 0, right: 0 }}