Fix layout

This commit is contained in:
CHIEFSOFT\ameye
2025-09-28 14:44:26 -04:00
parent d7cfb03550
commit 54bfe7affa
2 changed files with 20 additions and 32 deletions
@@ -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