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

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

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

2
static/js/shop_data.js
View File

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