WrenchBoard/Users-Wrench
3
0
Fork 0
Code Issues Pull Requests Releases Activity

Family Account Items Icons

Browse Source
This commit was merged in pull request #289.
This commit is contained in:
Chukwumdiebube Ojinta
2023-07-11 03:30:47 +01:00
parent 6c29f37a60
commit bcca701a6b
3 changed files with 12 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/FamilyAcc/FamilyManageTabs.jsx
+7 -7
View File
@@ -214,28 +214,28 @@ export default function FamilyManageTabs({
browseProfileImg={browseProfileImg} browseProfileImg={browseProfileImg}
accountDetails={accountDetails} accountDetails={accountDetails}
/> />
<div className="mt-4 flex justify-center items-center gap-2"> <div className="mt-4 flex justify-start items-center gap-2">
<button <button
onClick={() => tabHandler("Account")} onClick={() => tabHandler("Account")}
className="family-icon p-2 border-2 border-sky-blue rounded-2xl flex flex-col justify-between items-center" className="family-icon p-2 border-2 border-sky-blue rounded-2xl flex flex-col justify-between items-center max-w-[65px] w-full"
> >
<img <img
src={localImgLoad("images/icons/account.svg")} src={localImgLoad("images/icons/account.svg")}
className="w-[70px] h-[70px]" className="max-w-[30px] w-full"
alt="Settings-Icon" alt="Settings-Icon"
/> />
<p className="mt-2 text-lg text-sky-blue">Account</p> <p className="text-lg text-sky-blue">Acc.</p>
</button> </button>
<button <button
onClick={() => tabHandler("Profile")} onClick={() => tabHandler("Profile")}
className="family-icon p-2 border-2 border-sky-blue rounded-2xl flex flex-col justify-between items-center" className="family-icon p-2 border-2 border-sky-blue rounded-2xl flex flex-col justify-between items-center max-w-[65px] w-full"
> >
<img <img
src={localImgLoad("images/icons/profile.svg")} src={localImgLoad("images/icons/profile.svg")}
className="w-[70px] h-[70px]" className="max-w-[30px] w-full"
alt="Settings-Icon" alt="Settings-Icon"
/> />
<p className="mt-2 text-lg text-sky-blue">Profile</p> <p className="text-lg text-sky-blue">Profile</p>
</button> </button>
</div> </div>
</div> </div>
src/components/FamilyAcc/Tabs/ProfileInfo.jsx
+2 -2
View File
@@ -8,13 +8,13 @@ export default function ProfileInfo({
accountDetails, accountDetails,
}) { }) {
return ( return (
<div className="flex flex-col items-center gap-6"> <div className="flex flex-col items-center gap-4">
<div className="flex justify-center"> <div className="flex justify-center">
<div className="w-full relative"> <div className="w-full relative">
<img <img
src={profileImg} src={profileImg}
alt="" alt=""
className="sm:w-[198px] sm:h-[198px] w-[120px] h-[120px] rounded-full overflow-hidden object-cover" className="sm:w-[180px] sm:h-[180px] w-[120px] h-[120px] rounded-full overflow-hidden object-cover"
/> />
<input <input
ref={profileImgInput} ref={profileImgInput}
src/components/MyWallet/AddFundPop.jsx
+3 -5
View File
@@ -72,11 +72,9 @@ function AddFundPop({ _payment }) {
)} )}
</div> </div>
</form> </form>
{currency == "US Dollars" && ( <h1 className="mb-2 text-xl font-bold text-dark-gray dark:text-white px-4 h-5">
<h1 className="mb-2 text-xl font-bold text-dark-gray dark:text-white px-4"> {currency == "US Dollars" && "Payment Method"}
Payment Method </h1>
</h1>
)}
<hr /> <hr />
{/* SHOWS THIS IF USER CURRENCY IS DOLLARS */} {/* SHOWS THIS IF USER CURRENCY IS DOLLARS */}