make page setting + add tabs

This commit is contained in:
hamid zarghami
2025-11-22 14:57:25 +03:30
parent 23abb2c8eb
commit 8b98f47bd5
7 changed files with 81 additions and 18 deletions
+2 -2
View File
@@ -25,14 +25,14 @@ const Tabs: FC<Props> = (props: Props) => {
<Swiper
slidesPerView='auto'
spaceBetween={30}
className='px-10 max-w-full w-fit items-center text-description mx-auto backdrop-blur-md border-2 border-white gap-10 flex h-[80px] rounded-[32px] bg-white bg-opacity-45'>
className='px-10 max-w-full w-fit items-center text-description mx-auto backdrop-blur-md border-2 border-white gap-10 flex h-[80px] rounded-[32px] bg-white/45'>
{
props.items.map((item: Item, index: number) => {
return (
<SwiperSlide style={SWIPER_SLIDE_STYLE} onClick={() => props.onChange(item.value)} key={item.value} className={clx(
'flex flex-col max-w-fit mt-[15px] items-center gap-2 cursor-pointer',
index === 0 && 'pr-[30px]',
index === props.items.length - 1 && 'pl-[30px]',
// index === props.items.length - 1 && 'pl-[30px]',
props.active === item.value && 'text-black'
)}>
{item.icon}