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