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

modal add new accesbility

Browse Source
This commit is contained in:
hamid zarghami
2025-01-10 11:07:17 +03:30
parent dd73ca7746
commit e2670408fc
2 changed files with 20 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/home/components/BoxNewAccessbility.tsx
+16 -6
View File
@@ -4,6 +4,7 @@ import DefaulModal from '../../../components/DefaulModal'
import { useTranslation } from 'react-i18next'
import Input from '../../../components/Input'
import Select from '../../../components/Select'
import SwitchComponent from '../../../components/Switch'
const BoxNewAccessbility: FC = () => {
@@ -77,7 +78,7 @@ const BoxNewAccessbility: FC = () => {
</div>
<div className='mt-6 flex flex-wrap gap-6'>
<div className='flex-1 min-w-[40%] flex justify-between items-center border-b border-[#8C90A3] border-opacity-30 py-2'>
<div className='flex-1 xl:min-w-[40%] min-w-full flex justify-between items-center border-b border-[#8C90A3] border-opacity-30 py-2'>
<div className='flex gap-4'>
<div className='size-10 rounded-xl bg-red-300'></div>
<div>
@@ -90,10 +91,13 @@ const BoxNewAccessbility: FC = () => {
</div>
</div>
<div>
{/* <input type='checkbox' /> */}
<SwitchComponent
active
onChange={() => { }}
/>
</div>
</div>
<div className='flex-1 min-w-[40%] flex justify-between items-center border-b border-[#8C90A3] border-opacity-30 py-2'>
<div className='flex-1 xl:min-w-[40%] min-w-full flex justify-between items-center border-b border-[#8C90A3] border-opacity-30 py-2'>
<div className='flex gap-4'>
<div className='size-10 rounded-xl bg-blue-300'></div>
<div>
@@ -106,10 +110,13 @@ const BoxNewAccessbility: FC = () => {
</div>
</div>
<div>
{/* <input type='checkbox' /> */}
<SwitchComponent
active
onChange={() => { }}
/>
</div>
</div>
<div className='flex-1 min-w-[40%] flex justify-between items-center border-b border-[#8C90A3] border-opacity-30 py-2'>
<div className='flex-1 xl:min-w-[40%] min-w-full flex justify-between items-center border-b border-[#8C90A3] border-opacity-30 py-2'>
<div className='flex gap-4'>
<div className='size-10 rounded-xl bg-green-300'></div>
<div>
@@ -122,7 +129,10 @@ const BoxNewAccessbility: FC = () => {
</div>
</div>
<div>
{/* <input type='checkbox' /> */}
<SwitchComponent
active
onChange={() => { }}
/>
</div>
</div>
<div className='flex-1 min-w-[40%]'></div>