CSS: Add sidebar layout
This commit is contained in:
parent
739dd50384
commit
b819dd6881
|
@ -26,6 +26,8 @@ body {
|
|||
|
||||
#sidebar {
|
||||
width: 12em;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
#main {
|
||||
|
|
|
@ -41,9 +41,6 @@
|
|||
height: 6em;
|
||||
padding: 1.25em;
|
||||
width: 16em;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
margin-top: -3em;
|
||||
}
|
||||
|
||||
#header-logo,
|
||||
|
|
|
@ -18,11 +18,9 @@
|
|||
#menu {
|
||||
background-color: @menu-bg-color;
|
||||
box-shadow: inset -.5em 0 1em rgba(0, 0, 0, .3);
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
position: absolute;
|
||||
flex: 1;
|
||||
overflow: scroll;
|
||||
}
|
||||
|
||||
#layout:not(.minimal-layout) #menu {
|
||||
|
|
Loading…
Reference in New Issue