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

fix bug design

Browse Source
This commit is contained in:
hamid zarghami
2025-03-03 10:16:37 +03:30
parent 62e8d0224e
commit d55cc208b2
7 changed files with 25 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/home/Home.tsx
+1 -1
View File
@@ -37,7 +37,7 @@ const Home: FC = () => {
:
<div className='w-full flex gap-6'>
<div className='flex-1'>
<Carousel autoplay className="rounded-xl h-fit dltr" placeholder="" onPointerEnterCapture={() => { }} onPointerLeaveCapture={() => { }} >
<Carousel autoplay className="rounded-xl h-fit dltr z-[1]" placeholder="" onPointerEnterCapture={() => { }} onPointerLeaveCapture={() => { }} >
{
getAds.data?.data?.ads?.map((item: AdsItemType) => {
return (
src/pages/learning/Detail.tsx
+5 -5
View File
@@ -36,12 +36,12 @@ const LearningDetail: FC = () => {
<source src={getLearningDetail.data?.data?.learning?.videoUrl} />
</video>
<div className='mt-7 flex justify-between'>
<div className='text-lg'>
<div className='mt-7 flex xl:flex-row flex-col gap-4 justify-between'>
<div className='xl:text-lg'>
{getLearningDetail.data?.data?.learning?.title}
</div>
<div className='flex max-h-5 gap-3 text-description text-xs'>
<div className='flex xl:flex-row flex-col xl:max-h-5 gap-3 text-description text-xs'>
<div className='flex gap-2 items-center'>
<Clock
@@ -53,7 +53,7 @@ const LearningDetail: FC = () => {
</div>
</div>
<div className='flex gap-2 items-center border-r pr-3 border-description'>
<div className='flex gap-2 items-center xl:border-r xl:pr-3 border-description'>
<Element3
size={18}
color={'#888888'}
@@ -63,7 +63,7 @@ const LearningDetail: FC = () => {
</div>
</div>
<div className='flex gap-2 items-center border-r pr-3 border-description'>
<div className='flex gap-2 items-center xl:border-r xl:pr-3 border-description'>
<Calendar2
size={18}
color={'#888888'}
src/pages/notification/Notification.tsx
+1 -10
View File
@@ -20,7 +20,7 @@ const Notifications: FC = () => {
const navigate = useNavigate()
const { t } = useTranslation('global');
const ref = useOutsideClick(() => setShowModal(false));
const [activeTab, setActiveTab] = useState<'all' | 'read' | 'unread'>('all');
const [activeTab, setActiveTab] = useState<'read' | 'unread'>('unread');
const [showModal, setShowModal] = useState<boolean>(false);
const { data, fetchNextPage, hasNextPage, refetch } = useGetNotification(activeTab);
const readAll = useReadAll()
@@ -100,15 +100,6 @@ const Notifications: FC = () => {
<div className="mt-6 flex h-8 border border-white border-opacity-35 text-xs rounded-lg overflow-hidden">
<div
onClick={() => setActiveTab('all')}
className={clx(
'flex-1 border-l cursor-pointer text-white border-white border-opacity-70 flex justify-center items-center',
activeTab === 'all' ? 'bg-white bg-opacity-70 text-black' : ''
)}
>
همه
</div>
<div
onClick={() => setActiveTab('unread')}
className={clx(
src/pages/transaction/components/Detail.tsx
+5 -5
View File
@@ -21,7 +21,7 @@ const Detail: FC = () => {
title_header={`${t('transaction.transaction2')} ۱۲۳۴۵۵`}
>
<div className='my-10'>
<div className='flex gap-8'>
<div className='flex xl:flex-row flex-col gap-8'>
<div className='flex-1 px-6 h-10 flex justify-between items-center'>
<div className='flex gap-2 text-description'>
<CardPos size={14} color='#8C90A3' />
@@ -48,7 +48,7 @@ const Detail: FC = () => {
</div>
</div>
</div>
<div className='flex gap-8'>
<div className='flex mt-8 xl:mt-0 xl:flex-row flex-col gap-8'>
<div className='flex-1 px-6 h-10 flex justify-between items-center'>
<div className='flex gap-2 text-description'>
<Wallet1 size={14} color='#8C90A3' />
@@ -73,7 +73,7 @@ const Detail: FC = () => {
</div>
</div>
<div className='flex gap-8'>
<div className='flex mt-8 xl:mt-0 xl:flex-row flex-col gap-8'>
<div className='flex-1 px-6 h-10 flex justify-between items-center'>
<div className='flex gap-2 text-description'>
<Profile size={14} color='#8C90A3' />
@@ -97,7 +97,7 @@ const Detail: FC = () => {
</div>
</div>
</div>
<div className='flex gap-8'>
<div className='flex mt-8 xl:mt-0 xl:flex-row flex-col gap-8'>
<div className='flex-1 px-6 h-10 flex justify-between items-center'>
<div className='flex gap-2 text-description'>
<Document size={14} color='#8C90A3' />
@@ -122,7 +122,7 @@ const Detail: FC = () => {
</div>
</div>
<div className='flex gap-8'>
<div className='flex mt-8 xl:mt-0 xl:flex-row flex-col gap-8'>
<div className='flex-1 px-6 h-10 flex justify-between items-center'>
<div className='flex gap-2 text-description'>
<NoteText size={14} color='#8C90A3' />