implement nav pt3

This commit is contained in:
core 2023-06-13 17:39:00 -04:00
parent 1f3eab5c63
commit 44a69d1796
Signed by: core
GPG Key ID: FDBF740DADDCEECF
1 changed files with 8 additions and 5 deletions

13
nav.css
View File

@ -9,18 +9,18 @@ body > * {
} }
#main { #main {
/*position: absolute; position: absolute;
top: 0; top: 0;
left: 192px;*/ left: 192px;
width: calc(100% - 192px); width: calc(100% - 192px);
} }
#nav { #nav {
width: 192px; width: 192px;
background-color: #cccccc; background-color: #cccccc;
/*position: fixed; position: fixed;
top: 0; top: 0;
left: 0;*/ left: 0;
} }
.nav-item { .nav-item {
@ -39,7 +39,7 @@ body > * {
.nav { .nav {
width: 100%; width: 100%;
} }
/*
@media only screen and (min-width: 576px) { @media only screen and (min-width: 576px) {
#nav { #nav {
position: fixed; position: fixed;
@ -53,8 +53,11 @@ body > * {
} }
} }
*/
@media only screen and (max-width: 576px) { @media only screen and (max-width: 576px) {
#main, #nav { #main, #nav {
position: initial;
width: 100%; width: 100%;
} }
} }