esavkin/web2019
1
0
Fork 0
forked from M-Labs/web2019
Code Pull Requests Activity

fix(place-order): Corrects summary items alignment

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
sass/css/_shop.scss
View File

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

22
static/js/shop.jsx
View File

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