e3team
/
website
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

implement nav pt2

This commit is contained in:
core 2023-06-13 17:37:52 -04:00
parent 84b5d3b7cc
commit 1f3eab5c63
Signed by: core
GPG Key ID: FDBF740DADDCEECF
1 changed files with 17 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
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 {
@ -40,6 +40,19 @@ body > * {
width: 100%; 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) { @media only screen and (max-width: 576px) {
#main, #nav { #main, #nav {
width: 100%; width: 100%;