[design] improve menu tabs on large screens

This commit is contained in:
zombieFox 2020-01-01 08:25:16 -07:00
parent 20a0a32800
commit 47f86a9532
2 changed files with 3 additions and 1 deletions

View File

@ -190,6 +190,8 @@
@media (min-width: 1100px) { @media (min-width: 1100px) {
.menu-nav-area-tab .menu-nav-button { .menu-nav-area-tab .menu-nav-button {
padding-left: 0.25em;
padding-right: 0.25em;
flex-basis: auto; flex-basis: auto;
max-width: inherit; max-width: inherit;
} }

View File

@ -144,7 +144,7 @@
<div class="menu-area"> <div class="menu-area">
<div class="menu-nav"> <div class="menu-nav">
<div class="menu-nav-area-tab menu-nav-area-grow mb-0 list-unstyled"> <div class="menu-nav-area-tab mb-0 list-unstyled">
<button class="menu-nav-button control-menu-layout button mb-0 active" tabindex="-1">Layout</button> <button class="menu-nav-button control-menu-layout button mb-0 active" tabindex="-1">Layout</button>
<button class="menu-nav-button control-menu-header button mb-0" tabindex="-1">Header</button> <button class="menu-nav-button control-menu-header button mb-0" tabindex="-1">Header</button>
<button class="menu-nav-button control-menu-groups button mb-0" tabindex="-1">Groups</button> <button class="menu-nav-button control-menu-groups button mb-0" tabindex="-1">Groups</button>