Fix layout
This commit is contained in:
@@ -1,9 +1,6 @@
|
||||
|
||||
|
||||
|
||||
export default function AccountProfileView() {
|
||||
return <>
|
||||
<div className="row" style={{paddingBottom:'20px'}}>
|
||||
<div className="row" style={{paddingBottom: '20px'}}>
|
||||
<div className="col-12 col-lg-12">
|
||||
<div className="card card-statistics">
|
||||
<div className="card-header">
|
||||
@@ -13,34 +10,25 @@ export default function AccountProfileView() {
|
||||
</div>
|
||||
<div className="card-body">
|
||||
<div className="table-responsive">
|
||||
<table className="table table-hover mb-0" style={{width:'100%', backgroundColor: 'aliceblue', borderRadius: '10px'}}>
|
||||
<table className="table table-hover mb-0"
|
||||
style={{width: '100%', backgroundColor: 'aliceblue', borderRadius: '10px'}}>
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">#</th>
|
||||
<th scope="col">First</th>
|
||||
<th scope="col">Last</th>
|
||||
<th scope="col">Handle</th>
|
||||
<th scope="col">MemberID</th>
|
||||
<th scope="col">Practice/Specialization</th>
|
||||
<th scope="col">URL NAme</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="row">1</th>
|
||||
<td>Mark</td>
|
||||
<td>Otto</td>
|
||||
<td>@mdo</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">2</th>
|
||||
<td>Jacob</td>
|
||||
<td>Thornton</td>
|
||||
<td>@fat</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">3</th>
|
||||
<td>Larry</td>
|
||||
<td>the Bird</td>
|
||||
<td>@twitter</td>
|
||||
<td>
|
||||
Practice: xxxxx xxxxxx<br/>
|
||||
Specialization: JAJAJJAJAJAJAJAJ
|
||||
</td>
|
||||
<td>url-name-i-picked</td>
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
@@ -13,9 +13,7 @@ export default function CustomerAccountView({accountInfo}) {
|
||||
<table className="py-2 w-full text-sm" style={{backgroundColor: 'aliceblue', borderRadius: '10px'}}>
|
||||
<thead className="py-2 text-sm text-slate-500 text-left">
|
||||
<tr>
|
||||
<th scope="col" className="px-2 py-2">
|
||||
#
|
||||
</th>
|
||||
|
||||
<th scope="col" className="px-2">
|
||||
Firstname
|
||||
</th>
|
||||
@@ -28,6 +26,7 @@ export default function CustomerAccountView({accountInfo}) {
|
||||
<th scope="col" className="px-2">
|
||||
Email
|
||||
</th>
|
||||
|
||||
<th scope="col" className="px-2 text-right">
|
||||
Action
|
||||
</th>
|
||||
@@ -36,11 +35,11 @@ export default function CustomerAccountView({accountInfo}) {
|
||||
<tbody>
|
||||
{(accountInfo && Object.keys(accountInfo).length > 0) ?
|
||||
<tr className="py-2 border-t border-dashed border-slate-300">
|
||||
<td className="px-2 py-2">
|
||||
<div className="text-left">
|
||||
<div className="text-base font-semibold">{1}</div>
|
||||
</div>
|
||||
</td>
|
||||
{/*<td className="px-2 py-2">*/}
|
||||
{/* <div className="text-left">*/}
|
||||
{/* <div className="text-base font-semibold">{1}</div>*/}
|
||||
{/* </div>*/}
|
||||
{/*</td>*/}
|
||||
<td className="px-2">
|
||||
<div className="text-left">
|
||||
<div className="text-base font-semibold">{accountInfo?.firstname}</div>
|
||||
@@ -61,6 +60,7 @@ export default function CustomerAccountView({accountInfo}) {
|
||||
<div className="text-base font-semibold">{accountInfo?.email}</div>
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<td className="px-2 text-right">
|
||||
<div className='flex items-center justify-end gap-3 md:gap-4'>
|
||||
<div
|
||||
|
||||
Reference in New Issue
Block a user