MERMS/MermsFirstOffice
1
0
Fork 0
Code Issues Pull Requests 1 Releases Activity

Fix layout

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
src/components/account_view/AccountProfileView.jsx
+12 -24
View File
@@ -1,9 +1,6 @@
export default function AccountProfileView() { export default function AccountProfileView() {
return <> return <>
<div className="row" style={{paddingBottom:'20px'}}> <div className="row" style={{paddingBottom: '20px'}}>
<div className="col-12 col-lg-12"> <div className="col-12 col-lg-12">
<div className="card card-statistics"> <div className="card card-statistics">
<div className="card-header"> <div className="card-header">
@@ -13,34 +10,25 @@ export default function AccountProfileView() {
</div> </div>
<div className="card-body"> <div className="card-body">
<div className="table-responsive"> <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> <thead>
<tr> <tr>
<th scope="col">#</th> <th scope="col">MemberID</th>
<th scope="col">First</th> <th scope="col">Practice/Specialization</th>
<th scope="col">Last</th> <th scope="col">URL NAme</th>
<th scope="col">Handle</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr> <tr>
<th scope="row">1</th> <th scope="row">1</th>
<td>Mark</td> <td>
<td>Otto</td> Practice: xxxxx xxxxxx<br/>
<td>@mdo</td> Specialization: JAJAJJAJAJAJAJAJ
</tr> </td>
<tr> <td>url-name-i-picked</td>
<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>
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div> </div>
src/components/account_view/CustomerAccountView.jsx
+8 -8
View File
@@ -13,9 +13,7 @@ export default function CustomerAccountView({accountInfo}) {
<table className="py-2 w-full text-sm" style={{backgroundColor: 'aliceblue', borderRadius: '10px'}}> <table className="py-2 w-full text-sm" style={{backgroundColor: 'aliceblue', borderRadius: '10px'}}>
<thead className="py-2 text-sm text-slate-500 text-left"> <thead className="py-2 text-sm text-slate-500 text-left">
<tr> <tr>
<th scope="col" className="px-2 py-2">
#
</th>
<th scope="col" className="px-2"> <th scope="col" className="px-2">
Firstname Firstname
</th> </th>
@@ -28,6 +26,7 @@ export default function CustomerAccountView({accountInfo}) {
<th scope="col" className="px-2"> <th scope="col" className="px-2">
Email Email
</th> </th>
<th scope="col" className="px-2 text-right"> <th scope="col" className="px-2 text-right">
Action Action
</th> </th>
@@ -36,11 +35,11 @@ export default function CustomerAccountView({accountInfo}) {
<tbody> <tbody>
{(accountInfo && Object.keys(accountInfo).length > 0) ? {(accountInfo && Object.keys(accountInfo).length > 0) ?
<tr className="py-2 border-t border-dashed border-slate-300"> <tr className="py-2 border-t border-dashed border-slate-300">
<td className="px-2 py-2"> {/*<td className="px-2 py-2">*/}
<div className="text-left"> {/* <div className="text-left">*/}
<div className="text-base font-semibold">{1}</div> {/* <div className="text-base font-semibold">{1}</div>*/}
</div> {/* </div>*/}
</td> {/*</td>*/}
<td className="px-2"> <td className="px-2">
<div className="text-left"> <div className="text-left">
<div className="text-base font-semibold">{accountInfo?.firstname}</div> <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 className="text-base font-semibold">{accountInfo?.email}</div>
</div> </div>
</td> </td>
<td className="px-2 text-right"> <td className="px-2 text-right">
<div className='flex items-center justify-end gap-3 md:gap-4'> <div className='flex items-center justify-end gap-3 md:gap-4'>
<div <div