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

fix(mobile): Reduces header menu height

This commit is contained in:
sovanna 2019-12-30 11:34:18 +01:00
parent faeaf48d9d
commit 489326dc47
2 changed files with 17 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -139,6 +139,14 @@
##Screen = B/w 481px to 767px
*/
@media (min-width: 481px) and (max-width: 767px) {
.logo > img {
height: 20px;
}
.navbar {
padding-top: 5px;
padding-bottom: 5px;
}
body {
font-size: .8rem;
}
@ -229,6 +237,14 @@
##Screen = B/w 320px to 479px
*/
@media (min-width: 320px) and (max-width: 480px) {
.logo > img {
height: 20px;
}
.navbar {
padding-top: 5px;
padding-bottom: 5px;
}
#root-shop .layout>aside.aside.menu-opened {
transform: translate3d(0, 0, 0);
transition: transform .3s;

2
templates/_base.html
View File

@ -53,7 +53,7 @@
<header class="container">
<nav class="navbar navbar-expand-lg navbar-light bg-th-1 justify-content-center justify-content-between pt-3 pb-3" role="navigation">
<nav class="navbar navbar-expand-lg navbar-light bg-th-1 justify-content-center justify-content-between pt-md-3 pb-md-3" role="navigation">
<a class="navbar-brand logo mr-0" href="/">
<img src="{{ get_url(path='images/logo@2x.png') }}" height="25" alt="logo">