vertically align open orders row

This commit is contained in:
saml33 2022-09-27 11:31:16 +10:00
parent 311f1d56bd
commit 85fbd0593d
1 changed files with 9 additions and 7 deletions

View File

@ -183,7 +183,7 @@ const OpenOrders = () => {
<table> <table>
<thead> <thead>
<tr> <tr>
<th className="text-left">{t('token')}</th> <th className="text-left">{t('market')}</th>
<th className="text-right">{t('side')}</th> <th className="text-right">{t('side')}</th>
<th className="text-right">{t('size')}</th> <th className="text-right">{t('size')}</th>
<th className="text-right">{t('price')}</th> <th className="text-right">{t('price')}</th>
@ -217,12 +217,14 @@ const OpenOrders = () => {
} }
return ( return (
<tr key={`${o.side}${o.size}${o.price}`} className="my-1 p-2"> <tr key={`${o.side}${o.size}${o.price}`} className="my-1 p-2">
<td className="flex items-center"> <td>
<MarketLogos <div className="flex items-center">
baseURI={baseLogoURI} <MarketLogos
quoteURI={quoteLogoURI} baseURI={baseLogoURI}
/> quoteURI={quoteLogoURI}
{market?.name} />
{market?.name}
</div>
</td> </td>
<td className="text-right"> <td className="text-right">
<SideBadge side={o.side} /> <SideBadge side={o.side} />