ыввы
This commit is contained in:
@@ -18,7 +18,7 @@ import type { Swiper as SwiperType } from 'swiper/types'
|
|||||||
|
|
||||||
type Props = { product: Product; mediaHeight?: number; actions?: ReactNode }
|
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 navigate = useNavigate()
|
||||||
const isMobile = useMediaQuery('(max-width:600px)')
|
const isMobile = useMediaQuery('(max-width:600px)')
|
||||||
const swiperRef = useRef<SwiperType | null>(null)
|
const swiperRef = useRef<SwiperType | null>(null)
|
||||||
|
|||||||
@@ -64,7 +64,7 @@ export function HomePage() {
|
|||||||
const products = productsQuery.data?.items ?? []
|
const products = productsQuery.data?.items ?? []
|
||||||
const total = productsQuery.data?.total ?? 0
|
const total = productsQuery.data?.total ?? 0
|
||||||
const totalPages = Math.max(1, Math.ceil(total / filters.pageSize))
|
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 (
|
return (
|
||||||
<Box>
|
<Box>
|
||||||
@@ -73,7 +73,7 @@ export function HomePage() {
|
|||||||
width: '100%',
|
width: '100%',
|
||||||
mb: 3,
|
mb: 3,
|
||||||
aspectRatio: { xs: '4/3', sm: '21/9' },
|
aspectRatio: { xs: '4/3', sm: '21/9' },
|
||||||
maxHeight: { xs: 320, sm: 400 },
|
maxHeight: { xs: 400, sm: 500 },
|
||||||
bgcolor: 'action.hover',
|
bgcolor: 'action.hover',
|
||||||
borderRadius: 2,
|
borderRadius: 2,
|
||||||
overflow: 'hidden',
|
overflow: 'hidden',
|
||||||
|
|||||||
@@ -57,7 +57,7 @@ export function ProductPage() {
|
|||||||
if (productQuery.isLoading) {
|
if (productQuery.isLoading) {
|
||||||
return (
|
return (
|
||||||
<Box sx={{ display: 'flex', flexDirection: 'column', gap: 2 }}>
|
<Box sx={{ display: 'flex', flexDirection: 'column', gap: 2 }}>
|
||||||
<Skeleton variant="rectangular" height={420} />
|
<Skeleton variant="rectangular" height={525} />
|
||||||
<Skeleton variant="text" width="60%" />
|
<Skeleton variant="text" width="60%" />
|
||||||
<Skeleton variant="text" width="40%" />
|
<Skeleton variant="text" width="40%" />
|
||||||
<Skeleton variant="text" />
|
<Skeleton variant="text" />
|
||||||
@@ -83,7 +83,7 @@ export function ProductPage() {
|
|||||||
bgcolor: 'background.paper',
|
bgcolor: 'background.paper',
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
<Swiper modules={[Navigation]} navigation style={{ width: '100%', height: 420 }}>
|
<Swiper modules={[Navigation]} navigation style={{ width: '100%', height: 525 }}>
|
||||||
{imageUrls.map((url, idx) => (
|
{imageUrls.map((url, idx) => (
|
||||||
<SwiperSlide key={url}>
|
<SwiperSlide key={url}>
|
||||||
<Box
|
<Box
|
||||||
@@ -93,7 +93,7 @@ export function ProductPage() {
|
|||||||
}}
|
}}
|
||||||
sx={{
|
sx={{
|
||||||
width: '100%',
|
width: '100%',
|
||||||
height: 420,
|
height: 525,
|
||||||
cursor: 'zoom-in',
|
cursor: 'zoom-in',
|
||||||
userSelect: 'none',
|
userSelect: 'none',
|
||||||
}}
|
}}
|
||||||
@@ -116,7 +116,7 @@ export function ProductPage() {
|
|||||||
) : (
|
) : (
|
||||||
<Box
|
<Box
|
||||||
sx={{
|
sx={{
|
||||||
height: 420,
|
height: 525,
|
||||||
borderRadius: 2,
|
borderRadius: 2,
|
||||||
overflow: 'hidden',
|
overflow: 'hidden',
|
||||||
border: 1,
|
border: 1,
|
||||||
|
|||||||
@@ -22,4 +22,4 @@ export const STORE_OP_NAME = 'Комарова Лариса Николаевна
|
|||||||
export const STORE_OP_TYPE = 'Самозанятый'
|
export const STORE_OP_TYPE = 'Самозанятый'
|
||||||
export const STORE_OP_INN = '591878584346'
|
export const STORE_OP_INN = '591878584346'
|
||||||
export const STORE_OP_ADDR =
|
export const STORE_OP_ADDR =
|
||||||
'618909, Россия, Пермский край, Лысьвенский муниципальный округ, Лысьва, улица Мира, 34, кв. 24'
|
'618900, Россия, Пермский край, Лысьвенский муниципальный округ, Лысьва, улица Мира, 34'
|
||||||
|
|||||||
@@ -3,7 +3,7 @@ export const PICKUP_COORDINATES = { lat: 58.09898000206914, lng: 57.813169680997
|
|||||||
|
|
||||||
/** Полная строка адреса для текстовых блоков. */
|
/** Полная строка адреса для текстовых блоков. */
|
||||||
export const PICKUP_ADDRESS_FULL =
|
export const PICKUP_ADDRESS_FULL =
|
||||||
'618909, Россия, Пермский край, Лысьвенский муниципальный округ, Лысьва, улица Мира, 34'
|
'618900, Россия, Пермский край, Лысьвенский муниципальный округ, Лысьва, улица Мира, 34'
|
||||||
|
|
||||||
/** Короткий адрес для компактных блоков. */
|
/** Короткий адрес для компактных блоков. */
|
||||||
export const PICKUP_ADDRESS_SHORT = 'Лысьва, ул. Мира, 34'
|
export const PICKUP_ADDRESS_SHORT = 'Лысьва, ул. Мира, 34'
|
||||||
|
|||||||
@@ -43,7 +43,7 @@ function CatalogSliderInner({ slides }: { slides: CatalogSliderSlide[] }) {
|
|||||||
position: 'relative',
|
position: 'relative',
|
||||||
width: '100%',
|
width: '100%',
|
||||||
aspectRatio: { xs: '4/3', sm: '21/9' },
|
aspectRatio: { xs: '4/3', sm: '21/9' },
|
||||||
maxHeight: { xs: 320, sm: 400 },
|
maxHeight: { xs: 400, sm: 500 },
|
||||||
bgcolor: 'action.hover',
|
bgcolor: 'action.hover',
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
|
|||||||
Reference in New Issue
Block a user