UI - arrow spacing

This commit is contained in:
Kevin Peters 2022-01-23 23:16:53 +00:00
parent 707b93caa0
commit 06669eb10a
1 changed files with 5 additions and 4 deletions

View File

@ -448,10 +448,11 @@ export default function Home() {
<div className={classes.spacer} />
{hasQuote && (
<Typography variant="subtitle1" className={classes.swapPath}>
{`${amountIn} ${sourceTokenInfo.name} `}
<ArrowForward fontSize="inherit" />
{` ${amountInUST} UST `} <ArrowForward fontSize="inherit" />
{` ${amountOut} ${targetTokenInfo.name}`}
{`${amountIn} ${sourceTokenInfo.name}`}
<ArrowForward fontSize="inherit" style={{ margin: "10px" }} />
{`${amountInUST} UST `}
<ArrowForward fontSize="inherit" style={{ margin: "10px" }} />
{`${amountOut} ${targetTokenInfo.name}`}
</Typography>
)}
{isFirstSwapComplete &&