Expand profile workspace layout
This commit is contained in:
parent
5cc34803fe
commit
2505abb42d
@ -105,7 +105,7 @@ const EditUsers = () => {
|
|||||||
<title>{getPageTitle('Edit profile')}</title>
|
<title>{getPageTitle('Edit profile')}</title>
|
||||||
</Head>
|
</Head>
|
||||||
|
|
||||||
<main className='mx-auto max-w-5xl px-6 py-6'>
|
<main className='mx-auto max-w-7xl px-6 py-6'>
|
||||||
<div className='mb-4 rounded-lg bg-[#19192d] p-5 text-white'>
|
<div className='mb-4 rounded-lg bg-[#19192d] p-5 text-white'>
|
||||||
<div className='flex items-center gap-3 text-[#b17a1e]'>
|
<div className='flex items-center gap-3 text-[#b17a1e]'>
|
||||||
<span className='text-lg'>●</span>
|
<span className='text-lg'>●</span>
|
||||||
@ -126,7 +126,7 @@ const EditUsers = () => {
|
|||||||
onSubmit={(values) => handleSubmit(values)}
|
onSubmit={(values) => handleSubmit(values)}
|
||||||
>
|
>
|
||||||
<Form className='grid gap-5'>
|
<Form className='grid gap-5'>
|
||||||
<div className='grid gap-5 md:grid-cols-[220px_1fr]'>
|
<div className='grid gap-5 xl:grid-cols-[180px_1fr]'>
|
||||||
<div>
|
<div>
|
||||||
<p className='text-sm font-semibold text-[#19192d]'>Avatar</p>
|
<p className='text-sm font-semibold text-[#19192d]'>Avatar</p>
|
||||||
<div className='mt-3 flex h-32 w-32 items-center justify-center overflow-hidden rounded-full border border-[#19192d]/10 bg-[#f3fbf8]'>
|
<div className='mt-3 flex h-32 w-32 items-center justify-center overflow-hidden rounded-full border border-[#19192d]/10 bg-[#f3fbf8]'>
|
||||||
@ -164,7 +164,7 @@ const EditUsers = () => {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className='grid gap-4 md:grid-cols-2'>
|
<div className='grid gap-4 md:grid-cols-2 xl:grid-cols-3'>
|
||||||
<FieldWrap label='First name'>
|
<FieldWrap label='First name'>
|
||||||
<Field
|
<Field
|
||||||
className={inputClassName}
|
className={inputClassName}
|
||||||
@ -217,7 +217,7 @@ const EditUsers = () => {
|
|||||||
/>
|
/>
|
||||||
</FieldWrap>
|
</FieldWrap>
|
||||||
|
|
||||||
<div className='md:col-span-2'>
|
<div className='md:col-span-2 xl:col-span-3'>
|
||||||
<FieldWrap label='Disabled'>
|
<FieldWrap label='Disabled'>
|
||||||
<Field
|
<Field
|
||||||
name='disabled'
|
name='disabled'
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user