Updated design settings page

- Decreased sidenav width
- Improved responsive theme grid layout
This commit is contained in:
Sanne de Vries 2021-10-26 11:52:13 +02:00
parent b7fee9a7bb
commit caea9ec656

View File

@ -1373,7 +1373,7 @@ p.theme-validation-details {
/* ---------------------------------------------------- */
.gh-nav-contextual {
flex: 0 0 420px;
flex: 0 0 360px;
}
.gh-nav-header {
@ -1748,6 +1748,31 @@ p.theme-validation-details {
margin: 0 0 24px;
}
@media (max-width: 1120px) {
.theme-directory-labs {
grid-template-columns: 1fr 1fr;
}
}
@media (min-width: 800px) and (max-width: 890px) {
.theme-directory-labs {
grid-template-columns: 1fr;
}
}
@media (max-width: 800px) {
.theme-directory-labs {
grid-column-gap: 32px;
grid-row-gap: 48px;
}
}
@media (max-width: 430px) {
.theme-directory-labs {
grid-template-columns: 1fr;
}
}
.gh-theme-browser {
position: relative;
width: 100%;