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

fix(mobile): Reduces sizes a bit of other elements

master
sovanna 2019-12-30 11:48:42 +01:00
parent 489326dc47
commit 1ac9fdd641
1 changed files with 35 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -148,11 +148,15 @@
} }
body { body {
font-size: .8rem; font-size: .7rem;
}
#root-shop, #root-shop>div {
height: calc(100vh - 50px);
} }
#root-shop .productItem { #root-shop .productItem {
padding: 2rem 1rem 1rem; padding: 1rem .5rem .5rem;
} }
#root-shop .productItem .content img { #root-shop .productItem .content img {
@ -164,7 +168,7 @@
} }
#root-shop .productItem .content h3 { #root-shop .productItem .content h3 {
font-size: 1.1rem; font-size: 1rem;
} }
#root-shop .productItem .content ul { #root-shop .productItem .content ul {
@ -193,6 +197,10 @@
flex-direction: column; flex-direction: column;
} }
#root-shop .panel h2 {
font-size: 1.5rem;
}
#root-shop .panel .summary>.summary-price table { #root-shop .panel .summary>.summary-price table {
font-size: .7rem; font-size: .7rem;
} }
@ -245,6 +253,26 @@
padding-bottom: 5px; padding-bottom: 5px;
} }
body {
font-size: .7rem;
}
#root-shop, #root-shop>div {
height: calc(100vh - 50px);
}
#root-shop .productItem {
padding: 1rem .5rem .5rem;
}
#root-shop .productItem .content .price {
padding: .3rem;
}
#root-shop .productItem .content h3 {
font-size: 1rem;
}
#root-shop .layout>aside.aside.menu-opened { #root-shop .layout>aside.aside.menu-opened {
transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
transition: transform .3s; transition: transform .3s;
@ -311,6 +339,10 @@
margin-bottom: 1.5rem; margin-bottom: 1.5rem;
} }
#root-shop .panel h2 {
font-size: 1.5rem;
}
#root-shop .panel .control > .description, #root-shop .panel .control > .description,
#root-shop .panel .control > .crate-mode { #root-shop .panel .control > .crate-mode {
width: 100%; width: 100%;