links and other responive

src/pages/ticket/CreateTicket.tsx

@@ -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>