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": "صورتحساب پرداخت نشده ",
"balance": "موجودی",
"cannot_find_service": "سرویسی پیدا نشد",
"not_active_service": "شما هنوز سرویس فعالی ندارید"
"not_active_service": "شما هنوز سرویس فعالی ندارید",
"detail": "جزییات بیشتر"
},
"all": "همه",
"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='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) => {
return (
<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'>
<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>
<div className='max-w-[340px] font-medium text-white text-lg leading-10'>
<div>
<div className='xl:text-lg text-sm'>
{item.title}
</div>
<div className='mt-3 text-border text-xs'>
۸ دقیقه مطالعه
</div>
{
<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'>
<div>
{t('home.study')}
{t('home.detail')}
</div>
<ArrowLeft size={14} color='white' />
</button>
src/pages/service/OtherServices.tsx
+8 -10
View File
@@ -33,29 +33,26 @@ const OtherServices: FC = () => {
<PageLoading />
:
<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) => {
return (
<a target='_blank' 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' />
<div key={item.id} className='relative drtl'>
<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'>
<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>
<div className='max-w-[340px] font-medium text-white text-lg leading-10'>
<div>
<div className='xl:text-lg text-sm'>
{item.title}
</div>
<div className='mt-3 text-border text-xs'>
۸ دقیقه مطالعه
</div>
{
<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'>
<div>
{t('home.study')}
{t('home.detail')}
</div>
<ArrowLeft size={14} color='white' />
</button>
@@ -64,13 +61,14 @@ const OtherServices: FC = () => {
</div>
</div>
</a>
</div>
)
})
}
</Carousel>
<div className='w-full mt-8'>
<TitleLine title={t('service.selected_danak')} />
</div>