adilovcode/oriyo_next
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: adjust promotion-slider width

Browse Source
This commit is contained in:
BunyodL 2025-04-26 21:14:28 +05:00
parent eaeb4fe41c
commit 896fc7e60a
1 changed files with 45 additions and 49 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/shared/components/promotion-slider.tsx
View File

@ -74,8 +74,7 @@ export default function PromotionSlider() {
}; };
return ( return (
<div className='relative'> <div className='relative overflow-hidden'>
<div className='overflow-hidden'>
<div <div
className='flex transition-transform duration-300 ease-in-out' className='flex transition-transform duration-300 ease-in-out'
style={{ style={{
@ -120,22 +119,19 @@ export default function PromotionSlider() {
</div> </div>
))} ))}
</div> </div>
</div>
<Button <Button
variant='outline' variant='outline'
size='icon' size='icon'
className='absolute top-1/2 left-0 z-10 -translate-x-1/2 -translate-y-1/2 border-gray-200 bg-white shadow-lg' className='absolute top-1/2 left-0 z-10 -translate-y-1/2 border-gray-200 bg-white shadow-lg'
onClick={prevSlide} onClick={prevSlide}
> >
<ChevronLeft className='h-4 w-4' /> <ChevronLeft className='h-4 w-4' />
<span className='sr-only'>Предыдущий</span> <span className='sr-only'>Предыдущий</span>
</Button> </Button>
<Button <Button
variant='outline' variant='outline'
size='icon' size='icon'
className='absolute top-1/2 right-0 z-10 translate-x-1/2 -translate-y-1/2 border-gray-200 bg-white shadow-lg' className='absolute top-1/2 right-0 z-10 -translate-y-1/2 border-gray-200 bg-white shadow-lg'
onClick={nextSlide} onClick={nextSlide}
> >
<ChevronRight className='h-4 w-4' /> <ChevronRight className='h-4 w-4' />