pacnpal/thrilltrack-explorer
1
0
Fork 0
mirror of https://github.com/pacnpal/thrilltrack-explorer.git synced 2025-12-21 22:51:12 -05:00
Code Issues Packages Projects Releases Wiki Activity

Refactor: Optimize card density

Browse Source
This commit is contained in:
gpt-engineer-app[bot]
2025-10-17 22:22:24 +00:00
parent fc53015448
commit ebd0f0fd56
7 changed files with 33 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/designers/DesignerCard.tsx
View File

@@ -26,7 +26,7 @@ export function DesignerCard({ company }: DesignerCardProps) {
onClick={handleClick}
>
{/* Header Image/Logo Section */}
<div className="relative aspect-[4/3] bg-gradient-to-br from-background to-muted/50 flex items-center justify-center border-b border-border">
<div className="relative aspect-[3/2] bg-gradient-to-br from-background to-muted/50 flex items-center justify-center border-b border-border">
{/* Background Gradient Overlay */}
<div className="absolute inset-0 bg-gradient-to-br from-primary/5 via-transparent to-accent/5" />
@@ -43,20 +43,20 @@ export function DesignerCard({ company }: DesignerCardProps) {
<img
src={company.logo_url}
alt={`${company.name} logo`}
className="max-w-20 max-h-20 object-contain filter drop-shadow-sm"
className="max-w-16 max-h-16 object-contain filter drop-shadow-sm"
loading="lazy"
/>
) : (
<div className="p-4 rounded-full bg-muted/30 backdrop-blur-sm border border-border/30">
{getCompanyIcon()}
<div className="w-12 h-12 text-muted-foreground/30">
<Ruler className="w-full h-full" />
</div>
)}
</div>
</div>
<CardContent className="p-4 space-y-3">
<CardContent className="p-3 space-y-2">
{/* Company Name */}
<h3 className="font-semibold text-lg mb-2 group-hover:text-primary transition-colors line-clamp-2 min-h-[3.5rem]">
<h3 className="font-semibold text-base group-hover:text-primary transition-colors line-clamp-2">
{company.name}
</h3>