Fix: Adjust image height in list views

This commit is contained in:
gpt-engineer-app[bot]
2025-10-28 16:40:06 +00:00
parent 48bf6c7823
commit e2bd71cf24
5 changed files with 5 additions and 5 deletions

View File

@@ -28,7 +28,7 @@ export function DesignerListView({ designers, onDesignerClick }: DesignerListVie
<CardContent className="p-0">
<div className="flex flex-col sm:flex-row">
{/* Logo */}
<div className="w-full sm:w-32 h-32 md:w-40 md:h-32 flex-shrink-0 relative overflow-hidden bg-gradient-to-br from-muted/50 to-muted/30">
<div className="w-full h-32 sm:w-32 sm:h-auto md:w-40 flex-shrink-0 self-stretch relative overflow-hidden bg-gradient-to-br from-muted/50 to-muted/30">
{designer.logo_url ? (
<img
src={designer.logo_url}

View File

@@ -28,7 +28,7 @@ export function ManufacturerListView({ manufacturers, onManufacturerClick }: Man
<CardContent className="p-0">
<div className="flex flex-col sm:flex-row">
{/* Logo */}
<div className="w-full sm:w-32 h-32 md:w-40 md:h-32 flex-shrink-0 relative overflow-hidden bg-gradient-to-br from-muted/50 to-muted/30">
<div className="w-full h-32 sm:w-32 sm:h-auto md:w-40 flex-shrink-0 self-stretch relative overflow-hidden bg-gradient-to-br from-muted/50 to-muted/30">
{manufacturer.logo_url ? (
<img
src={manufacturer.logo_url}

View File

@@ -28,7 +28,7 @@ export function OperatorListView({ operators, onOperatorClick }: OperatorListVie
<CardContent className="p-0">
<div className="flex flex-col sm:flex-row">
{/* Logo */}
<div className="w-full sm:w-32 h-32 md:w-40 md:h-32 flex-shrink-0 relative overflow-hidden bg-gradient-to-br from-muted/50 to-muted/30">
<div className="w-full h-32 sm:w-32 sm:h-auto md:w-40 flex-shrink-0 self-stretch relative overflow-hidden bg-gradient-to-br from-muted/50 to-muted/30">
{operator.logo_url ? (
<img
src={operator.logo_url}

View File

@@ -53,7 +53,7 @@ export function ParkListView({ parks, onParkClick }: ParkListViewProps) {
<CardContent className="p-0">
<div className="flex flex-col sm:flex-row">
{/* Image */}
<div className="w-full sm:w-40 h-40 md:w-48 md:h-40 flex-shrink-0 relative overflow-hidden">
<div className="w-full h-40 sm:w-40 sm:h-auto md:w-48 flex-shrink-0 self-stretch relative overflow-hidden">
{park.card_image_url ? (
<>
<img

View File

@@ -44,7 +44,7 @@ export function RideListView({ rides, onRideClick }: RideListViewProps) {
<CardContent className="p-0">
<div className="flex flex-col sm:flex-row">
{/* Image */}
<div className="w-full sm:w-40 h-40 md:w-48 md:h-40 flex-shrink-0 relative overflow-hidden">
<div className="w-full h-40 sm:w-40 sm:h-auto md:w-48 flex-shrink-0 self-stretch relative overflow-hidden">
{ride.card_image_url ? (
<>
<img