fix(place-order): Corrects summary items alignment

This commit is contained in:
sovanna 2019-11-09 19:05:15 +09:00
parent 9646cba6c2
commit 389552e308
2 changed files with 19 additions and 5 deletions

View File

@ -176,7 +176,7 @@ button {
} }
.price { .price {
text-align: left; text-align: right;
} }
.item-card-name > div, .item-card-name > div,

View File

@ -891,11 +891,18 @@ class OrderSumary extends React.PureComponent {
<tr> <tr>
<td className="item-card-name">{mode.name}</td> <td className="item-card-name">{mode.name}</td>
<td className="price"> <td className="price">
{`${currency} ${mode.price}`} <div>
{`${currency} ${mode.price}`}
<button style={{'opacity': '0', 'cursor': 'initial'}}> <button style={{'opacity': '0', 'cursor': 'initial'}}>
<img src="/images/shop/icon-remove.svg" /> <img src="/images/shop/icon-remove.svg" />
</button> </button>
</div>
<span style={{
'display': 'inline-block',
'width': '30px',
}}>&nbsp;</span>
</td> </td>
</tr> </tr>
)} )}
@ -941,6 +948,13 @@ class OrderSumary extends React.PureComponent {
src={`/images/${warning.icon}`} src={`/images/${warning.icon}`}
/> />
)} )}
{!warning && (
<span style={{
'display': 'inline-block',
'width': '30px',
}}>&nbsp;</span>
)}
</td> </td>
</tr> </tr>
); );