blockworks-foundation
/
mango-v4-ui
mirror of https://github.com/blockworks-foundation/mango-v4-ui.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

align swap output input styles

This commit is contained in:
saml33 2022-12-08 09:44:39 +11:00
parent 41223e846c
commit 95a165fc67
2 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
components/swap/SwapForm.tsx
View File

@ -385,7 +385,7 @@ const SwapForm = () => {
decimalScale={outputBank?.mintDecimals || 6}
name="amountOut"
id="amountOut"
className="w-full rounded-r-lg bg-th-bkg-1 p-3 text-right font-mono text-base font-bold text-th-fgd-3 focus:outline-none lg:text-lg xl:text-xl"
className="w-full rounded-l-none rounded-r-lg bg-th-bkg-1 p-3 text-right font-mono text-base font-bold text-th-fgd-1 focus:outline-none lg:text-lg xl:text-xl"
placeholder="0.00"
value={amountOutFormValue}
onValueChange={handleAmountOutChange}
@ -420,10 +420,10 @@ const SwapForm = () => {
<TokenVaultWarnings bank={inputBank} />
</div>
) : null}
<div id="swap-step-four" className={`px-2 py-4`}>
<div className="space-y-2 pt-2">
<div id="swap-step-four">
<HealthImpact maintProjectedHealth={maintProjectedHealth} />
</div>
<div className={`px-2`}>
<div className="flex justify-between">
<p className="text-sm text-th-fgd-3">Est. {t('swap:slippage')}</p>
<p className="text-right font-mono text-sm text-th-fgd-3">