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

initial commit

Browse Source
This commit is contained in:
victorAnumudu
2024-04-04 14:09:53 +01:00
parent 91a42cfe9d
commit f8e14fe6a0
6 changed files with 59 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/MyWallet/Popup/ConfirmAddFund.jsx
+5 -5
View File
@@ -49,11 +49,11 @@ function AmountSection({ currency, amount, country }) {
const gapClassName = country === "US" ? "gap-14" : "gap-4";
return (
<div className={`flex items-center ${gapClassName}`}>
<div className={`flex items-center gap-8 ${gapClassName}`}>
<h1 className="text-xl font-bold text-dark-gray dark:text-white tracking-tighter my-1">
Amount({currency})
</h1>
<span className="text-xl font-normal text-dark-gray dark:text-white tracking-tighter my-1">
<span className="min-w-[100px] text-xl text-right font-normal text-dark-gray dark:text-white tracking-tighter my-1">
{formattedAmount}
</span>
</div>
@@ -69,11 +69,11 @@ function TransactionFeeSection({ currency, fee, country }) {
const gapClass = country === "US" ? "gap-[2.7rem]" : "gap-4";
return (
<div className={`flex items-center border-b border-gray-600 ${gapClass}`}>
<div className={`flex items-center gap-8 border-b border-gray-600 ${gapClass}`}>
<h1 className="text-xl font-bold text-dark-gray dark:text-white tracking-tighter my-1">
Transaction Fee
</h1>
<span className="text-xl font-normal text-dark-gray dark:text-white tracking-tighter my-1">
<span className="min-w-[100px] text-xl text-right font-normal text-dark-gray dark:text-white tracking-tighter my-1">
{formattedFee}
</span>
</div>
@@ -96,7 +96,7 @@ function TotalSection({ currency, amount, fee, country }) {
<h1 className="text-xl font-bold text-dark-gray dark:text-white tracking-tighter my-1">
Total
</h1>
<span className="text-xl font-normal text-dark-gray dark:text-white tracking-tighter my-1">
<span className="min-w-[100px] text-xl text-right font-normal text-dark-gray dark:text-white tracking-tighter my-1">
{formattedTotal}
</span>
</div>