extern/nightTab
1
0
Fork 0
mirror of https://github.com/zombieFox/nightTab.git synced 2024-12-27 00:59:00 +01:00
Code Issues Packages Projects Releases Wiki Activity

[design] improve menu layout

Browse Source
This commit is contained in:
zombieFox 2019-01-06 15:57:25 +00:00
parent 588fc3654d
commit a046c3c40e
1 changed files with 10 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
css/menu.css
View File

@ -44,7 +44,7 @@
.menu-content-area {
display: grid;
grid-template-columns: repeat(auto-fill, 1fr);
grid-template-columns: 1fr;
grid-gap: 2em;
}
@ -81,16 +81,19 @@
}
.menu-content-area {
grid-template-columns: repeat(auto-fill, minmax(12em, 1fr));
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 900px) {
.menu {
width: calc(50vw - 2em);
}
.menu-content-area {
grid-template-columns: repeat(auto-fill, minmax(20em, 1fr));
width: calc(60vw - 2em);
max-height: calc(100vh - 2em);
}
}
@media (min-width: 1100px) {
.menu {
width: calc(50vw - 2em);
}
}