beenull/opcache-gui
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Cleaned up header nav on small screens

Browse source
This commit is contained in:
Andrew Collington 2023-10-29 23:42:01 +00:00
parent 6cfb28f3a4
commit 6cd2b091f2
1 changed files with 18 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
build/_frontend/interface.scss
View file

@ -455,10 +455,27 @@ body.opcache-gui {
@media screen and (max-width: 750px) {
.nav-tab-list {
border-bottom: 0;
display: flex;
flex-direction: column;
align-items: normal;
padding: 0;
}
.nav-tab {
display: block;
margin: 0;
border: 0;
border-top: 1px solid var(--nav-border-color);
border-left: 15px solid transparent;
padding: 15px 30px 15px 15px;
&:last-child {
border-bottom: 1px solid var(--nav-border-color);
}
&.active {
border: 0;
border-top: 1px solid var(--nav-border-color);
border-left: 15px solid var(--nav-header-color);
}
}
.nav-tab-link {
display: block;