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 screenshot visibility and card size for better user experience

Browse Source 
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
This commit is contained in:
yusufipk
2025-12-17 14:58:21 +00:00
parent 9ff81bd6de
commit 9687ea82c4
1 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-[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%)`,
}}