implement nav pt2
This commit is contained in:
parent
84b5d3b7cc
commit
1f3eab5c63
21
nav.css
21
nav.css
|
@ -9,18 +9,18 @@ body > * {
|
|||
}
|
||||
|
||||
#main {
|
||||
position: absolute;
|
||||
/*position: absolute;
|
||||
top: 0;
|
||||
left: 192px;
|
||||
left: 192px;*/
|
||||
width: calc(100% - 192px);
|
||||
}
|
||||
|
||||
#nav {
|
||||
width: 192px;
|
||||
background-color: #cccccc;
|
||||
position: fixed;
|
||||
/*position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
left: 0;*/
|
||||
}
|
||||
|
||||
.nav-item {
|
||||
|
@ -40,6 +40,19 @@ body > * {
|
|||
width: 100%;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 576px) {
|
||||
#nav {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
#main {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 192px;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 576px) {
|
||||
#main, #nav {
|
||||
width: 100%;
|
||||
|
|
Loading…
Reference in New Issue