Adjust styles to different available displays

Signed-off-by: Egor Savkin <es@m-labs.hk>
pull/67/head
Egor Savkin 2023-06-29 14:08:23 +08:00
parent 75bc12ff64
commit 48589b3daa
1 changed files with 34 additions and 4 deletions

View File

@ -15,8 +15,11 @@
#accordion_categories,
#accordion_categories .card {
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 {
@ -27,15 +30,22 @@
color: white;
font-weight: bold;
font-size: 1.75rem;
padding: .75rem 1.25rem;
padding: .75rem 2rem;
}
#accordion_categories .card .card-body {
padding: 0;
}
#accordion_categories .card-header:hover {
background-color: #1a6d93;
background-color: #1f4f68;
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 {
width: 100%;
}
#accordion_categories button {
font-size: 1.5rem;
padding: .75rem 1rem;
}
}
/*
##Device = Tablets, Ipads (landscape)
@ -204,6 +219,11 @@
#root-shop .panel .summary>.summary-form {
width: 100%;
}
#accordion_categories button {
font-size: 1.5rem;
padding: .75rem 1rem;
}
}
/*
##Device = Low Resolution Tablets, Mobiles (Landscape)
@ -405,6 +425,11 @@
#root-shop .panel .summary>.summary-form {
width: 100%;
}
#accordion_categories button {
font-size: 1rem;
padding: .5rem 0.5rem;
}
}
/*
##Device = Most of the Smartphones Mobiles (Portrait)
@ -602,4 +627,9 @@
#root-shop .panel .summary>.summary-form {
width: 100%;
}
#accordion_categories button {
font-size: 1rem;
padding: .5rem 0.5rem;
}
}