This commit is contained in:
Kirill
2026-05-26 12:10:38 +05:00
parent 4b8b86e1b8
commit e092299a11
37 changed files with 39573 additions and 214 deletions
@@ -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 }}>