Increase visibility of desktop environment screenshots

Expand the DE card width to 1000px and the screenshot area to 620px within DECard.tsx to improve screenshot visibility as requested.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: c4fc7b07-53a2-4929-bc12-f392104bb085
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 18fe7ead-a7e8-4876-82e4-4bb382efd4de
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
This commit is contained in:
yusufipk
2025-12-17 14:59:11 +00:00
parent 9687ea82c4
commit 8c4b03b8cc
2 changed files with 4 additions and 4 deletions
Binary file not shown.

After

Width:  |  Height:  |  Size: 313 KiB

+4 -4
View File
@@ -78,7 +78,7 @@ export default function DECard({ de, onSwipe, isTop }: DECardProps) {
data-testid={`de-card-${de.id}`}
>
<div
className="relative w-[900px] max-w-[95vw] rounded-3xl overflow-hidden"
className="relative w-[1000px] 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-[360px]">
<div className="relative z-10 flex flex-row items-stretch min-h-[380px]">
{de.screenshot && (
<div className="w-[520px] flex-shrink-0 overflow-hidden rounded-l-3xl">
<div className="w-[620px] 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-[520px]"
className="absolute inset-0 w-[620px]"
style={{
background: `linear-gradient(90deg, transparent 60%, ${primaryColor}40 100%)`,
}}