ыввы
This commit is contained in:
@@ -87,22 +87,22 @@ function CatalogSliderInner({ slides }: { slides: CatalogSliderSlide[] }) {
|
||||
<Box
|
||||
sx={{
|
||||
position: 'absolute',
|
||||
bottom: 0,
|
||||
top: 0,
|
||||
left: 0,
|
||||
right: 0,
|
||||
zIndex: 4,
|
||||
background: 'linear-gradient(transparent, rgba(0,0,0,0.75))',
|
||||
background: 'linear-gradient(rgba(0,0,0,0.75), transparent)',
|
||||
px: 3,
|
||||
py: 2.5,
|
||||
}}
|
||||
>
|
||||
<Typography
|
||||
color="common.white"
|
||||
sx={{
|
||||
fontWeight: 800,
|
||||
textAlign: 'center',
|
||||
fontSize: { xs: '1.5rem', sm: '2rem', md: '2.5rem' },
|
||||
lineHeight: 1.2,
|
||||
color: slide.textColor || '#ffffff',
|
||||
}}
|
||||
>
|
||||
{captionText}
|
||||
@@ -138,16 +138,28 @@ function CatalogSliderInner({ slides }: { slides: CatalogSliderSlide[] }) {
|
||||
aria-current={i === index ? 'true' : undefined}
|
||||
onClick={() => setIndex(i)}
|
||||
sx={{
|
||||
width: i === index ? 22 : 8,
|
||||
height: 8,
|
||||
width: 48,
|
||||
height: 48,
|
||||
p: 0,
|
||||
border: 'none',
|
||||
borderRadius: 99,
|
||||
bgcolor: i === index ? 'common.white' : 'rgba(255,255,255,0.45)',
|
||||
borderRadius: '50%',
|
||||
bgcolor: 'transparent',
|
||||
cursor: 'pointer',
|
||||
transition: 'width 0.25s, background-color 0.25s',
|
||||
display: 'flex',
|
||||
alignItems: 'center',
|
||||
justifyContent: 'center',
|
||||
}}
|
||||
/>
|
||||
>
|
||||
<Box
|
||||
sx={{
|
||||
width: i === index ? 22 : 10,
|
||||
height: 10,
|
||||
borderRadius: 99,
|
||||
bgcolor: i === index ? 'common.white' : 'rgba(255,255,255,0.45)',
|
||||
transition: 'width 0.25s, background-color 0.25s',
|
||||
}}
|
||||
/>
|
||||
</Box>
|
||||
))}
|
||||
</Stack>
|
||||
)}
|
||||
@@ -168,7 +180,7 @@ export function CatalogSlider() {
|
||||
if (!isSuccess || slides.length === 0) return null
|
||||
|
||||
return (
|
||||
<Box sx={{ width: '100%', mb: 3 }}>
|
||||
<Box sx={{ width: '100%' }}>
|
||||
<CatalogSliderInner key={slideKey} slides={slides} />
|
||||
</Box>
|
||||
)
|
||||
|
||||
@@ -53,7 +53,7 @@ export function NavigationDrawer({
|
||||
>
|
||||
<Box sx={{ p: 2 }}>
|
||||
<Box sx={{ mb: 2, display: 'flex', alignItems: 'center', gap: 1 }}>
|
||||
<BearLogo sx={{ width: 28, height: 28 }} />
|
||||
<BearLogo scheme={scheme} sx={{ width: 35, height: 35 }} />
|
||||
<Typography variant="h6">{STORE_NAME}</Typography>
|
||||
</Box>
|
||||
|
||||
|
||||
@@ -32,7 +32,7 @@ export function ReviewsBlock() {
|
||||
return (
|
||||
<Paper variant="outlined" sx={{ p: { xs: 2, sm: 3 }, borderRadius: 2, bgcolor: 'background.paper' }}>
|
||||
<Stack spacing={0.75} sx={{ mb: 2 }}>
|
||||
<Typography variant="h5">Отзывы</Typography>
|
||||
<Typography variant="h5" component="h3">Отзывы</Typography>
|
||||
<Typography variant="body2" color="text.secondary">
|
||||
Последние отзывы о товарах
|
||||
</Typography>
|
||||
@@ -48,7 +48,7 @@ export function ReviewsBlock() {
|
||||
{q.isError && <Alert severity="error">Не удалось загрузить отзывы.</Alert>}
|
||||
{!q.isLoading && !q.isError && q.data && items.length === 0 && (
|
||||
<Box sx={{ py: 4 }}>
|
||||
<Typography variant="h6" color="text.secondary" sx={{ mb: 2 }}>
|
||||
<Typography variant="h6" component="p" color="text.secondary" sx={{ mb: 2 }}>
|
||||
Отзывов пока нет
|
||||
</Typography>
|
||||
<Typography variant="body2" color="text.secondary" sx={{ maxWidth: 400 }}>
|
||||
|
||||
Reference in New Issue
Block a user