From 9687ea82c429491aba65d7f09bfde2ff9692b34e Mon Sep 17 00:00:00 2001
From: yusufipk <50673822-yusufipk@users.noreply.replit.com>
Date: Wed, 17 Dec 2025 14:58:21 +0000
Subject: [PATCH] Increase screenshot visibility and card size for better user
 experience

Adjust DECard component to increase card width to 900px, screenshot area to 520px, and minimum height to 360px, enhancing screenshot visibility.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: c4fc7b07-53a2-4929-bc12-f392104bb085
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 6018d54e-6442-4b90-8c1e-ce0bab7fb507
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/55e426a8-5a2b-421b-8bd4-30481ae0063b/c4fc7b07-53a2-4929-bc12-f392104bb085/a2ci8g4
Replit-Helium-Checkpoint-Created: true
---
 client/src/components/DECard.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/client/src/components/DECard.tsx b/client/src/components/DECard.tsx
index 00403f6..e096282 100644
--- a/client/src/components/DECard.tsx
+++ b/client/src/components/DECard.tsx
@@ -78,7 +78,7 @@ export default function DECard({ de, onSwipe, isTop }: DECardProps) {
       data-testid={`de-card-${de.id}`}
     >
       <div 
-        className="relative w-[800px] max-w-[90vw] rounded-3xl overflow-hidden"
+        className="relative w-[900px] max-w-[95vw] rounded-3xl overflow-hidden"
         style={{
           background: `linear-gradient(135deg, ${primaryColor}20, ${secondaryColor}30)`,
         }}
@@ -114,9 +114,9 @@ export default function DECard({ de, onSwipe, isTop }: DECardProps) {
           GEÇ
         </motion.div>
 
-        <div className="relative z-10 flex flex-row items-stretch min-h-[320px]">
+        <div className="relative z-10 flex flex-row items-stretch min-h-[360px]">
           {de.screenshot && (
-            <div className="w-[420px] flex-shrink-0 overflow-hidden rounded-l-3xl">
+            <div className="w-[520px] flex-shrink-0 overflow-hidden rounded-l-3xl">
               <img
                 src={`/de_screenshots/${de.screenshot}`}
                 alt={`${de.name} screenshot`}
@@ -126,7 +126,7 @@ export default function DECard({ de, onSwipe, isTop }: DECardProps) {
                 }}
               />
               <div 
-                className="absolute inset-0 w-[420px]"
+                className="absolute inset-0 w-[520px]"
                 style={{
                   background: `linear-gradient(90deg, transparent 60%, ${primaryColor}40 100%)`,
                 }}