occheung
/
web2019
forked from M-Labs/web2019
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix(issue21): Adds precision + BP adapter and updates styles

This commit is contained in:
sovanna 2020-03-02 22:27:31 +09:00
parent 8cbc707f88
commit 06d9939ddb
4 changed files with 25 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
sass/css/_shop.scss
View File

@ -156,11 +156,12 @@ button {
margin: 2rem 0; margin: 2rem 0;
> .summary-price { > .summary-price {
flex: 1; /*flex: 1;*/
font-size: .8rem; font-size: .8rem;
width: 50%;
table { table {
max-width: 450px; /*max-width: 450px;*/
} }
.summary-remove-all { .summary-remove-all {
@ -237,7 +238,8 @@ button {
} }
> .summary-form { > .summary-form {
flex: 1; /*flex: 1;*/
width: 50%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: flex-end; align-items: flex-end;
@ -245,7 +247,7 @@ button {
form { form {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
width: 80%; width: 90%;
input:not([type="submit"]), input:not([type="submit"]),
textarea { textarea {

17
static/css/order-hardware.css
View File

@ -105,6 +105,11 @@
display: flex !important; display: flex !important;
justify-content: space-between; justify-content: space-between;
} }
#root-shop .panel .summary>.summary-price,
#root-shop .panel .summary>.summary-form {
width: 100%;
}
} }
/* /*
##Device = Tablets, Ipads (landscape) ##Device = Tablets, Ipads (landscape)
@ -169,6 +174,10 @@
#root-shop .panel .summary>.summary-form form input[type="submit"] { #root-shop .panel .summary>.summary-form form input[type="submit"] {
margin-bottom: 1em; margin-bottom: 1em;
} }
#root-shop .panel .summary>.summary-price,
#root-shop .panel .summary>.summary-form {
width: 100%;
}
} }
/* /*
##Device = Low Resolution Tablets, Mobiles (Landscape) ##Device = Low Resolution Tablets, Mobiles (Landscape)
@ -366,6 +375,10 @@
overflow-y: scroll; overflow-y: scroll;
height: 100%; height: 100%;
} }
#root-shop .panel .summary>.summary-price,
#root-shop .panel .summary>.summary-form {
width: 100%;
}
} }
/* /*
##Device = Most of the Smartphones Mobiles (Portrait) ##Device = Most of the Smartphones Mobiles (Portrait)
@ -559,4 +572,8 @@
overflow-y: scroll; overflow-y: scroll;
height: 100%; height: 100%;
} }
#root-shop .panel .summary>.summary-price,
#root-shop .panel .summary>.summary-form {
width: 100%;
}
} }

2
static/js/shop.jsx
View File

@ -993,7 +993,7 @@ class OrderSumary extends React.PureComponent {
onMouseLeave={this.handleOnMouseLeaveItem}> onMouseLeave={this.handleOnMouseLeaveItem}>
<td className="item-card-name"> <td className="item-card-name">
<div>{`${item.name_number} ${item.name}`}</div> <div>{`${item.name_number} ${item.name} ${item.name_codename}`}</div>
</td> </td>
<td className="price"> <td className="price">

2
static/js/shop_data.js
View File

@ -99,7 +99,7 @@ const shop_data = {
id: 'kasli-backplane', id: 'kasli-backplane',
name: 'Processor', name: 'Processor',
name_number: '1123', name_number: '1123',
name_codename: 'Kasli', name_codename: 'Kasli + BP adapter',
price: 3830, price: 3830,
image: '/shop/graphic-03_kasli-with-backplane.svg', image: '/shop/graphic-03_kasli-with-backplane.svg',
specs: [ specs: [