danak/danak-console
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

slider

Browse Source
This commit is contained in:
hamid zarghami
2025-03-04 09:30:57 +03:30
parent 349c754ba0
commit 23d19208b9
3 changed files with 15 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/langs/fa.json
+2 -1
View File
@@ -91,7 +91,8 @@
"receip": "صورتحساب پرداخت نشده ", "receip": "صورتحساب پرداخت نشده ",
"balance": "موجودی", "balance": "موجودی",
"cannot_find_service": "سرویسی پیدا نشد", "cannot_find_service": "سرویسی پیدا نشد",
"not_active_service": "شما هنوز سرویس فعالی ندارید" "not_active_service": "شما هنوز سرویس فعالی ندارید",
"detail": "جزییات بیشتر"
}, },
"all": "همه", "all": "همه",
"service": { "service": {
src/pages/home/Home.tsx
+5 -8
View File
@@ -37,29 +37,26 @@ const Home: FC = () => {
: :
<div className='w-full flex gap-6'> <div className='w-full flex gap-6'>
<div className='flex-1'> <div className='flex-1'>
<Carousel autoplay className="rounded-xl h-fit dltr z-[1]" placeholder="" onPointerEnterCapture={() => { }} onPointerLeaveCapture={() => { }} > <Carousel autoplay className="rounded-xl overflow-hidden h-fit dltr z-[1]" placeholder="" onPointerEnterCapture={() => { }} onPointerLeaveCapture={() => { }} >
{ {
getAds.data?.data?.ads?.map((item: AdsItemType) => { getAds.data?.data?.ads?.map((item: AdsItemType) => {
return ( return (
<div key={item.id} className='relative drtl'> <div key={item.id} className='relative drtl'>
<img src={item.imageUrl} className='w-full min-h-[190px] max-h-[300px] h-full object-cover rounded-3xl' /> <img src={item.imageUrl} className='w-full rounded-xl min-h-[190px] max-h-[300px] h-full object-cover' />
<div className='absolute bg-black bg-opacity-20 size-full top-0 right-0 py-6 px-8 flex flex-col justify-between'> <div className='absolute bg-black bg-opacity-20 size-full top-0 right-0 py-6 px-8 flex flex-col justify-between'>
<button className="px-8 w-fit py-1.5 bg-white bg-opacity-10 text-white text-sm rounded-full shadow-md "> <button className="px-8 w-fit py-1.5 bg-white bg-opacity-10 text-white text-sm rounded-full shadow-md ">
{t('home.new')}
</button> </button>
<div className='max-w-[340px] font-medium text-white text-lg leading-10'> <div className='max-w-[340px] font-medium text-white text-lg leading-10'>
<div> <div className='xl:text-lg text-sm'>
{item.title} {item.title}
</div> </div>
<div className='mt-3 text-border text-xs'>
۸ دقیقه مطالعه
</div>
{ {
<a href={item.link}> <a href={item.link}>
<button className='mt-3 px-4 h-9 flex gap-2 items-center text-xs rounded-2.5 bg-black text-white'> <button className='mt-3 px-4 h-9 flex gap-2 items-center text-xs rounded-2.5 bg-black text-white'>
<div> <div>
{t('home.study')} {t('home.detail')}
</div> </div>
<ArrowLeft size={14} color='white' /> <ArrowLeft size={14} color='white' />
</button> </button>
src/pages/service/OtherServices.tsx
+8 -10
View File
@@ -33,29 +33,26 @@ const OtherServices: FC = () => {
<PageLoading /> <PageLoading />
: :
<Fragment> <Fragment>
<Carousel autoplay className="rounded-xl h-fit dltr" placeholder="" onPointerEnterCapture={() => { }} onPointerLeaveCapture={() => { }} > <Carousel autoplay className="rounded-xl overflow-hidden h-fit dltr z-[1]" placeholder="" onPointerEnterCapture={() => { }} onPointerLeaveCapture={() => { }} >
{ {
getAds.data?.data?.ads?.map((item: AdsItemType) => { getAds.data?.data?.ads?.map((item: AdsItemType) => {
return ( return (
<a target='_blank' key={item.id} className='relative drtl'> <div key={item.id} className='relative drtl'>
<img src={item.imageUrl} className='w-full min-h-[190px] max-h-[300px] h-full object-cover rounded-3xl' /> <img src={item.imageUrl} className='w-full rounded-xl min-h-[190px] max-h-[300px] h-full object-cover' />
<div className='absolute bg-black bg-opacity-20 size-full top-0 right-0 py-6 px-8 flex flex-col justify-between'> <div className='absolute bg-black bg-opacity-20 size-full top-0 right-0 py-6 px-8 flex flex-col justify-between'>
<button className="px-8 w-fit py-1.5 bg-white bg-opacity-10 text-white text-sm rounded-full shadow-md "> <button className="px-8 w-fit py-1.5 bg-white bg-opacity-10 text-white text-sm rounded-full shadow-md ">
{t('home.new')}
</button> </button>
<div className='max-w-[340px] font-medium text-white text-lg leading-10'> <div className='max-w-[340px] font-medium text-white text-lg leading-10'>
<div> <div className='xl:text-lg text-sm'>
{item.title} {item.title}
</div> </div>
<div className='mt-3 text-border text-xs'>
۸ دقیقه مطالعه
</div>
{ {
<a href={item.link}> <a href={item.link}>
<button className='mt-3 px-4 h-9 flex gap-2 items-center text-xs rounded-2.5 bg-black text-white'> <button className='mt-3 px-4 h-9 flex gap-2 items-center text-xs rounded-2.5 bg-black text-white'>
<div> <div>
{t('home.study')} {t('home.detail')}
</div> </div>
<ArrowLeft size={14} color='white' /> <ArrowLeft size={14} color='white' />
</button> </button>
@@ -64,13 +61,14 @@ const OtherServices: FC = () => {
</div> </div>
</div> </div>
</a> </div>
) )
}) })
} }
</Carousel> </Carousel>
<div className='w-full mt-8'> <div className='w-full mt-8'>
<TitleLine title={t('service.selected_danak')} /> <TitleLine title={t('service.selected_danak')} />
</div> </div>