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

Increase visibility of desktop environment screenshots

Browse Source 
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
Download Patch File Download Diff File Expand all files Collapse all files
client/src/components/DECard.tsx
+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%)`,
}}