mirror of
https://github.com/Hopiu/vue-material.git
synced 2026-05-04 05:24:43 +00:00
Improve app template ui
This commit is contained in:
parent
be07ac0f9b
commit
5681a3b604
1 changed files with 11 additions and 3 deletions
|
|
@ -164,18 +164,25 @@
|
|||
|
||||
.main-sidebar.md-sidenav {
|
||||
.md-sidenav-content {
|
||||
display: flex;
|
||||
flex-flow: column;
|
||||
|
||||
@media (min-width: 1280px) {
|
||||
width: $sizebar-size;
|
||||
display: flex;
|
||||
flex-flow: column;
|
||||
top: 0;
|
||||
z-index: 2;
|
||||
pointer-events: auto;
|
||||
transform: translate3d(0, 0, 0);
|
||||
box-shadow: $material-shadow-3dp;
|
||||
}
|
||||
}
|
||||
|
||||
.md-backdrop {
|
||||
@media (min-width: 1280px) {
|
||||
opacity: 0;
|
||||
pointer-events: none;
|
||||
}
|
||||
}
|
||||
|
||||
.md-toolbar {
|
||||
border-bottom: 1px solid rgba(#000, .12);
|
||||
|
||||
|
|
@ -195,6 +202,7 @@
|
|||
display: flex;
|
||||
flex-flow: column;
|
||||
flex: 1;
|
||||
overflow: auto;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
transition: $swift-ease-out;
|
||||
|
|
|
|||
Loading…
Reference in a new issue