M-Labs
/
web2019
5
0
Fork 2
Code Issues 20 Pull Requests 3 Releases Wiki Activity

Adjust styles to different available displays 

Signed-off-by: Egor Savkin <es@m-labs.hk>
This commit is contained in:
Egor Savkin 2023-06-29 14:08:23 +08:00
parent 75bc12ff64
commit 48589b3daa
1 changed files with 34 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -15,8 +15,11 @@
#accordion_categories, #accordion_categories,
#accordion_categories .card { #accordion_categories .card {
background-color: inherit; background-color: inherit;
border-top: 1px #1a6d93 solid; }
border-radius: 3px;
#accordion_categories .card:not(:first-child) {
border-top: thin rgba(255,255, 255, 20%) solid ;
border-radius: 0;
} }
#accordion_categories .card-header { #accordion_categories .card-header {
@ -27,15 +30,22 @@
color: white; color: white;
font-weight: bold; font-weight: bold;
font-size: 1.75rem; font-size: 1.75rem;
padding: .75rem 1.25rem; padding: .75rem 2rem;
} }
#accordion_categories .card .card-body { #accordion_categories .card .card-body {
padding: 0; padding: 0;
} }
#accordion_categories .card-header:hover { #accordion_categories .card-header:hover {
background-color: #1a6d93; background-color: #1f4f68;
transition: 0.3s; transition: 0.3s;
text-decoration: none;
}
#accordion_categories button:focus,
#accordion_categories button:hover {
text-decoration: none;
} }
/* /*
@ -136,6 +146,11 @@
#root-shop .panel .summary>.summary-form { #root-shop .panel .summary>.summary-form {
width: 100%; width: 100%;
} }
#accordion_categories button {
font-size: 1.5rem;
padding: .75rem 1rem;
}
} }
/* /*
##Device = Tablets, Ipads (landscape) ##Device = Tablets, Ipads (landscape)
@ -204,6 +219,11 @@
#root-shop .panel .summary>.summary-form { #root-shop .panel .summary>.summary-form {
width: 100%; width: 100%;
} }
#accordion_categories button {
font-size: 1.5rem;
padding: .75rem 1rem;
}
} }
/* /*
##Device = Low Resolution Tablets, Mobiles (Landscape) ##Device = Low Resolution Tablets, Mobiles (Landscape)
@ -405,6 +425,11 @@
#root-shop .panel .summary>.summary-form { #root-shop .panel .summary>.summary-form {
width: 100%; width: 100%;
} }
#accordion_categories button {
font-size: 1rem;
padding: .5rem 0.5rem;
}
} }
/* /*
##Device = Most of the Smartphones Mobiles (Portrait) ##Device = Most of the Smartphones Mobiles (Portrait)
@ -602,4 +627,9 @@
#root-shop .panel .summary>.summary-form { #root-shop .panel .summary>.summary-form {
width: 100%; width: 100%;
} }
#accordion_categories button {
font-size: 1rem;
padding: .5rem 0.5rem;
}
} }