Refactor: Standardize card and grid layouts

This commit is contained in:
gpt-engineer-app[bot]
2025-10-17 22:18:31 +00:00
parent 9dff5a3e2b
commit fc53015448
9 changed files with 18 additions and 18 deletions

View File

@@ -40,7 +40,7 @@ export function ManufacturerCard({ company }: ManufacturerCardProps) {
onClick={handleClick}
>
{/* Logo/Image Section */}
<div className="aspect-video relative bg-gradient-to-br from-primary/20 via-primary/10 to-transparent overflow-hidden">
<div className="aspect-[4/3] relative bg-gradient-to-br from-primary/20 via-primary/10 to-transparent overflow-hidden">
{(company.card_image_url || company.card_image_id) ? (
<img
src={company.card_image_url || getCloudflareImageUrl(company.card_image_id, 'card')}
@@ -85,9 +85,9 @@ export function ManufacturerCard({ company }: ManufacturerCardProps) {
)}
</div>
<CardContent className="p-3 md:p-4 space-y-2 md:space-y-3">
<CardContent className="p-4 space-y-3">
{/* Company Name */}
<h3 className="text-base md:text-lg font-semibold group-hover:text-primary transition-colors line-clamp-2 min-h-[2.5rem] md:min-h-[3rem]">
<h3 className="text-lg font-semibold group-hover:text-primary transition-colors line-clamp-2 min-h-[3.5rem]">
{company.name}
</h3>