LaconicNetwork/mars-v2-frontend
4
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

fix: fixed the asset truncation for WETH and WBTC (#461)

Browse Source
This commit is contained in:
Linkie Link 2023-09-12 19:13:28 +02:00 committed by GitHub
parent 81306b501c
commit 473e01de63
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/Trade/TradeModule/AssetSelector/AssetItem.tsx
View File

@ -34,7 +34,7 @@ export default function AssetItem(props: Props) {
<li className='border-b border-white/10 hover:bg-black/10'> <li className='border-b border-white/10 hover:bg-black/10'>
<button <button
onClick={() => props.onSelectAsset(asset)} onClick={() => props.onSelectAsset(asset)}
className='flex w-full items-center justify-between gap-2 p-4' className='flex items-center justify-between w-full gap-2 p-4'
> >
<div className='flex items-center gap-2'> <div className='flex items-center gap-2'>
<div onClick={handleToggleFavorite}> <div onClick={handleToggleFavorite}>
@ -42,19 +42,19 @@ export default function AssetItem(props: Props) {
</div> </div>
<AssetImage asset={asset} size={24} /> <AssetImage asset={asset} size={24} />
<div className='flex-col'> <div className='flex-col'>
<div className='flex gap-1'> <div className='flex gap-1 flex-nowrap max-w-[185px]'>
<Text size='sm' className='text-left'> <Text size='sm' className='h-5 leading-5 text-left truncate '>
{asset.name} {asset.name}
</Text> </Text>
<div className='rounded-sm bg-white/20 px-[6px] py-[2px]'> <div className='rounded-sm bg-white/20 px-[6px] py-[2px] h-5 leading-5 '>
<Text size='xs'>{asset.symbol}</Text> <Text size='xs'>{asset.symbol}</Text>
</div> </div>
</div> </div>
{props.depositCap && ( {props.depositCap && (
<div className='flex gap-1'> <div className='flex gap-1'>
<span className='text-left text-white/60 text-xs'>Cap Left: </span> <span className='text-xs text-left text-white/60'>Cap Left: </span>
<DisplayCurrency <DisplayCurrency
className='text-left text-white/60 text-xs' className='text-xs text-left text-white/60'
coin={BNCoin.fromDenomAndBigNumber(props.depositCap.denom, props.depositCap.max)} coin={BNCoin.fromDenomAndBigNumber(props.depositCap.denom, props.depositCap.max)}
/> />
</div> </div>