feat: UI style refresh — Lucide icons, theme, slider, filters, buttons, VK
This commit is contained in:
@@ -80,24 +80,22 @@ function CatalogSliderInner({ slides }: { slides: CatalogSliderSlide[] }) {
|
||||
<Box
|
||||
sx={{
|
||||
position: 'absolute',
|
||||
bottom: 0,
|
||||
left: 0,
|
||||
right: 0,
|
||||
top: slides.length > 1 ? 20 : 0,
|
||||
zIndex: 4,
|
||||
pt: 4,
|
||||
pb: slides.length > 1 ? 2 : 2,
|
||||
WebkitTextStroke: '0.5px white',
|
||||
// background: 'linear-gradient(to top, rgba(0,0,0,0.82) 0%, rgba(0,0,0,0.4) 50%, transparent 100%)',
|
||||
background: 'linear-gradient(transparent, rgba(0,0,0,0.75))',
|
||||
px: 3,
|
||||
py: 2.5,
|
||||
}}
|
||||
>
|
||||
<Typography
|
||||
color="common.white"
|
||||
variant="subtitle1"
|
||||
sx={{
|
||||
fontWeight: 700,
|
||||
textShadow: '0 1px 4px rgba(0,0,0,0.75)',
|
||||
fontWeight: 800,
|
||||
textAlign: 'center',
|
||||
fontSize: { xs: '1.25rem', sm: '1.5rem' },
|
||||
fontSize: { xs: '1.5rem', sm: '2rem', md: '2.5rem' },
|
||||
lineHeight: 1.2,
|
||||
}}
|
||||
>
|
||||
{captionText}
|
||||
|
||||
Reference in New Issue
Block a user