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

announcement detail and reponsive announcement list and responsive citixisms and learning and ...

Browse Source
This commit is contained in:
hamid zarghami
2025-01-10 12:15:27 +03:30
parent e2670408fc
commit 037c08d80d
8 changed files with 76 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/learning/List.tsx
+19 -16
View File
@@ -17,8 +17,8 @@ const LearningList: FC = () => {
{t('learning.learning')}
</div>
<div className='mt-8 flex gap-6 items-center'>
<div className='w-[300px]'>
<div className='xl:mt-8 mt-4 flex xl:gap-6 gap-4 items-center'>
<div className='xl:w-[300px] w-full'>
<Input
variant='search'
placeholder={t('service.search')}
@@ -26,18 +26,20 @@ const LearningList: FC = () => {
/>
</div>
<Select
items={[
{ label: t('all'), value: 'all' },
{ label: 'Active', value: 'active' },
{ label: 'Inactive', value: 'inactive' },
]}
className='max-w-[100px]'
/>
<div>
<Select
items={[
{ label: t('all'), value: 'all' },
{ label: 'Active', value: 'active' },
{ label: 'Inactive', value: 'inactive' },
]}
className='max-w-[100px]'
/>
</div>
</div>
<div className='mt-9 flex flex-wrap gap-8 text-sm'>
<div className='bg-white p-4 rounded-3xl min-w-[30%] flex-1'>
<div className='xl:mt-9 mt-4 flex flex-wrap xl:gap-8 gap-6 text-sm'>
<div className='bg-white p-4 rounded-3xl xl:min-w-[30%] min-w-full flex-1'>
<img src={LearningImage} className='w-full rounded-[20px]' />
<div className='mt-4'>
لورم ایپسوم متن ساختگی با تولید سادگی
@@ -51,7 +53,7 @@ const LearningList: FC = () => {
آذر ماه 1403
</div>
</div>
<div className='bg-white p-4 rounded-3xl min-w-[30%] flex-1'>
<div className='bg-white p-4 rounded-3xl xl:min-w-[30%] min-w-full flex-1'>
<img src={LearningImage} className='w-full rounded-[20px]' />
<div className='mt-4'>
لورم ایپسوم متن ساختگی با تولید سادگی
@@ -66,7 +68,7 @@ const LearningList: FC = () => {
</div>
</div>
<div className='bg-white p-4 rounded-3xl min-w-[30%] flex-1'>
<div className='bg-white p-4 rounded-3xl xl:min-w-[30%] min-w-full flex-1'>
<img src={LearningImage} className='w-full rounded-[20px]' />
<div className='mt-4'>
لورم ایپسوم متن ساختگی با تولید سادگی
@@ -80,7 +82,7 @@ const LearningList: FC = () => {
آذر ماه 1403
</div>
</div>
<div className='bg-white p-4 rounded-3xl min-w-[30%] flex-1'>
<div className='bg-white p-4 rounded-3xl xl:min-w-[30%] min-w-full flex-1'>
<img src={LearningImage} className='w-full rounded-[20px]' />
<div className='mt-4'>
لورم ایپسوم متن ساختگی با تولید سادگی
@@ -99,9 +101,10 @@ const LearningList: FC = () => {
<div className='min-w-[30%] flex-1 px-4'></div>
<div className='min-w-[30%] flex-1 px-4'></div>
</div>
<div className='h-14 xl:hidden'></div>
</div>
<div style={{ width: SIDEBAR_SIZE_LEFT }} className='bg-white h-fit rounded-3xl overflow-hidden relative'>
<div style={{ width: SIDEBAR_SIZE_LEFT }} className='bg-white hidden xl:block h-fit rounded-3xl overflow-hidden relative'>
<img
src={BannerImage}
className='w-full backdrop-blur-[100px] h-[550px] object-cover'