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

links and other responive

Browse Source
This commit is contained in:
hamid zarghami
2025-01-11 16:13:45 +03:30
parent 0da02d2f03
commit bccad50666
14 changed files with 202 additions and 167 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/ticket/CreateTicket.tsx
+3 -4
View File
@@ -1,6 +1,5 @@
import { FC } from 'react'
import { useTranslation } from 'react-i18next'
import { SIDEBAR_SIZE_LEFT } from '../../config/Const'
import Input from '../../components/Input'
import Select from '../../components/Select'
import Textarea from '../../components/Textarea'
@@ -18,8 +17,8 @@ const CreateTicket: FC = () => {
{t('ticket.new_ticket')}
</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-4'>
<div className='flex-1 bg-white py-8 xl:px-10 px-4 rounded-3xl'>
<div>
{t('ticket.submit_your_message')}
</div>
@@ -90,7 +89,7 @@ const CreateTicket: FC = () => {
</div>
</div>
<div style={{ width: SIDEBAR_SIZE_LEFT }} className='bg-white py-10 px-5 h-fit rounded-3xl'>
<div className='bg-white w-sidebar xl:block hidden py-10 px-5 h-fit rounded-3xl'>
<div className='text-sm'>
{t('ticket.title_hint')}
</div>
src/pages/ticket/Detail.tsx
+10 -11
View File
@@ -1,6 +1,5 @@
import { FC } from 'react'
import { useTranslation } from 'react-i18next'
import { SIDEBAR_SIZE_LEFT } from '../../config/Const'
import Input from '../../components/Input'
import Textarea from '../../components/Textarea'
import UploadBox from '../../components/UploadBox'
@@ -17,8 +16,8 @@ const TicketDetail: FC = () => {
<div>{t('ticket.ticket_number')}</div>
<div>12312</div>
</div>
<div className='flex gap-6 mt-8'>
<div className='flex-1 bg-white py-8 px-10 rounded-3xl'>
<div className='flex xl:flex-row flex-col-reverse gap-6 xl:mt-8 mt-6'>
<div className='flex-1 bg-white py-8 xl:px-10 px-4 rounded-3xl'>
<div className='gap-6 rowTwoInput'>
<Input
label={t('ticket.select_your_service')}
@@ -32,11 +31,11 @@ const TicketDetail: FC = () => {
/>
</div>
<div className='mt-8 text-sm'>
<div className='mt-8 xl:text-sm text-xs'>
موضوع درخواست پشتیبانی
</div>
<div className='mt-6 text-sm bg-[#F6F7FA] p-6 rounded-3xl rounded-tr-none max-w-[70%]'>
<div className='mt-6 xl:text-sm text-xs bg-[#F6F7FA] p-6 rounded-3xl rounded-tr-none xl:max-w-[70%] max-w-[90%]'>
<div className='leading-7'>
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است، و برای شرایط فعلی تکنولوژی مورد نیاز، و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد، کتابهای زیادی در شصت و سه درصد گذشته حال و آینده، شناخت فراوان جامعه و متخصصان را می طلبد،
</div>
@@ -46,7 +45,7 @@ const TicketDetail: FC = () => {
</div>
<div className='w-full flex justify-end'>
<div className='mt-6 text-sm bg-[#EBEDF5] p-6 rounded-3xl rounded-tl-none max-w-[70%]'>
<div className='mt-6 xl:text-sm text-xs bg-[#EBEDF5] p-6 rounded-3xl rounded-tl-none xl:max-w-[70%] max-w-[90%]'>
<div className='flex gap-1'>
<div className='font-bold'>
{t('ticket.expert')}
@@ -81,16 +80,16 @@ const TicketDetail: FC = () => {
className='max-w-[100px]'
/>
</div>
<div className='h-8'></div>
</div>
<div style={{ width: SIDEBAR_SIZE_LEFT }} className='h-fit'>
<div className='bg-white p-6 rounded-3xl flex gap-4'>
<div className={`h-fit xl:w-sidebar w-full`}>
<div className='bg-white xl:p-6 p-4 rounded-3xl flex gap-4'>
<Button
label={t('ticket.send_answer')}
className='text-xs'
className='text-xs xl:h-10 h-8'
/>
<Button
className='bg-[#D52903]'
className='bg-[#D52903] xl:h-10 h-8'
>
<div className='flex gap-2 text-xs items-center'>
<CloseCircle