announcement detail and reponsive announcement list and responsive citixisms and learning and ...
This commit is contained in:
hamid zarghami
@@ -0,0 +1,39 @@
|
||||
import { FC } from 'react'
|
||||
import { useTranslation } from 'react-i18next'
|
||||
import StatusWithText from '../../components/StatusWithText'
|
||||
|
||||
const AnnouncementDetail: FC = () => {
|
||||
|
||||
const { t } = useTranslation('global')
|
||||
|
||||
return (
|
||||
<div className='mt-4'>
|
||||
<div className='flex justify-between'>
|
||||
<div>
|
||||
{t('announcement.text_announcement')}
|
||||
</div>
|
||||
<div className='text-xs font-extralight'>
|
||||
{t('back')}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className='flex-1 mt-4 bg-white py-6 px-4 rounded-2xl'>
|
||||
<div className='flex justify-between items-start'>
|
||||
<div className='text-sm max-w-[70%] leading-67'>
|
||||
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ
|
||||
</div>
|
||||
<StatusWithText
|
||||
variant='success'
|
||||
text={t('announcement.new')}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className='mt-5 leading-7 text-xs font-light'>
|
||||
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است، و برای شرایط فعلی تکنولوژی مورد نیاز، و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد، کتابهای زیادی در شصت و سه درصد گذشته حال و آینده، شناخت فراوان جامعه و متخصصان را می طلبد، تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی الخصوص طراحان خلاقی، و فرهنگ پیشرو در زبان فارسی ایجاد کرد، در این صورت می توان امید داشت که تمام و دشواری موجود در ارائه راهکارها، و شرایط سخت تایپ به پایان رسد و زمان مورد نیاز شامل حروفچینی دستاوردهای اصلی، و جوابگوی سوالات پیوسته اهل دنیای موجود طراحی اساسا مورد استفاده قرار گیرد.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default AnnouncementDetail
|
||||
@@ -16,7 +16,7 @@ const AnnouncementtList: FC = () => {
|
||||
</div>
|
||||
|
||||
<div className='mt-10 flex gap-8'>
|
||||
<div className='bg-white w-[400px] rounded-2xl p-6'>
|
||||
<div className='bg-white xl:w-[400px] w-full rounded-2xl p-6'>
|
||||
<div className='flex gap-3 items-center'>
|
||||
<div className='flex-1'>
|
||||
<Input
|
||||
@@ -44,7 +44,7 @@ const AnnouncementtList: FC = () => {
|
||||
'bg-[#F8F9FB]'
|
||||
)}>
|
||||
<div className='flex justify-between'>
|
||||
<div className='leading-6 max-w-[70%]'>
|
||||
<div className='leading-6 text-xs xl:text-sm max-w-[70%]'>
|
||||
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ
|
||||
</div>
|
||||
|
||||
@@ -73,7 +73,7 @@ const AnnouncementtList: FC = () => {
|
||||
'p-4 rounded-2xl',
|
||||
)}>
|
||||
<div className='flex justify-between'>
|
||||
<div className='leading-6 max-w-[70%]'>
|
||||
<div className='leading-6 text-xs xl:text-sm max-w-[70%]'>
|
||||
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ
|
||||
</div>
|
||||
|
||||
@@ -101,7 +101,7 @@ const AnnouncementtList: FC = () => {
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className='flex-1 bg-white py-7 px-5 rounded-2xl'>
|
||||
<div className='flex-1 hidden xl:block bg-white py-7 px-5 rounded-2xl'>
|
||||
<div className='flex justify-between items-center'>
|
||||
<div className='text-lg'>
|
||||
متن اطلاعیه
|
||||
|
||||
@@ -17,8 +17,8 @@ const AddCriticisms: FC = () => {
|
||||
{t('criticisms.criticisms')}
|
||||
</div>
|
||||
|
||||
<div className='flex gap-6 mt-8'>
|
||||
<div className='flex-1 bg-white py-8 px-10 rounded-3xl'>
|
||||
<div className='flex gap-6 xl:mt-8 mt-5'>
|
||||
<div className='flex-1 bg-white py-8 xl:px-10 px-5 rounded-3xl'>
|
||||
<div>
|
||||
{t('criticisms.submit_your_criticisms')}
|
||||
</div>
|
||||
@@ -56,7 +56,7 @@ const AddCriticisms: FC = () => {
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style={{ width: SIDEBAR_SIZE_LEFT }} className='bg-white py-10 px-5 h-fit rounded-3xl'>
|
||||
<div style={{ width: SIDEBAR_SIZE_LEFT }} className='bg-white hidden xl:block py-10 px-5 h-fit rounded-3xl'>
|
||||
<div className='text-sm'>
|
||||
{t('ticket.title_hint')}
|
||||
</div>
|
||||
|
||||
+19
-16
@@ -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'
|
||||
|
||||
Reference in New Issue
Block a user