diff --git a/client/src/entities/product/ui/ProductCard.tsx b/client/src/entities/product/ui/ProductCard.tsx index 407dd01..1d914bc 100644 --- a/client/src/entities/product/ui/ProductCard.tsx +++ b/client/src/entities/product/ui/ProductCard.tsx @@ -18,7 +18,7 @@ import type { Swiper as SwiperType } from 'swiper/types' type Props = { product: Product; mediaHeight?: number; actions?: ReactNode } -const ProductCardInner = ({ product, mediaHeight = 200, actions }: Props) => { +const ProductCardInner = ({ product, mediaHeight = 300, actions }: Props) => { const navigate = useNavigate() const isMobile = useMediaQuery('(max-width:600px)') const swiperRef = useRef(null) diff --git a/client/src/pages/home/ui/HomePage.tsx b/client/src/pages/home/ui/HomePage.tsx index 974b84c..1786265 100644 --- a/client/src/pages/home/ui/HomePage.tsx +++ b/client/src/pages/home/ui/HomePage.tsx @@ -64,7 +64,7 @@ export function HomePage() { const products = productsQuery.data?.items ?? [] const total = productsQuery.data?.total ?? 0 const totalPages = Math.max(1, Math.ceil(total / filters.pageSize)) - const mediaHeight = Math.round(200 * (filters.cardScale / 100)) + const mediaHeight = Math.round(300 * (filters.cardScale / 100)) return ( @@ -73,7 +73,7 @@ export function HomePage() { width: '100%', mb: 3, aspectRatio: { xs: '4/3', sm: '21/9' }, - maxHeight: { xs: 320, sm: 400 }, + maxHeight: { xs: 400, sm: 500 }, bgcolor: 'action.hover', borderRadius: 2, overflow: 'hidden', diff --git a/client/src/pages/product/ui/ProductPage.tsx b/client/src/pages/product/ui/ProductPage.tsx index 9e71952..7025c6c 100644 --- a/client/src/pages/product/ui/ProductPage.tsx +++ b/client/src/pages/product/ui/ProductPage.tsx @@ -57,7 +57,7 @@ export function ProductPage() { if (productQuery.isLoading) { return ( - + @@ -83,7 +83,7 @@ export function ProductPage() { bgcolor: 'background.paper', }} > - + {imageUrls.map((url, idx) => (