Started working on navbar styles

This commit is contained in:
Gregory Ballantine 2023-03-02 19:33:03 -05:00
parent 69ec98cba1
commit 8dd9932730
2 changed files with 38 additions and 2 deletions

View File

@ -1,3 +1,37 @@
$navbar-height: 50px;
body{
padding-top: calc($navbar-height + 15px);
background: white;
}
#main-nav{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: $navbar-height;
border-bottom: 1px solid #999;
ul{
display: inline-block;
margin-bottom: 0;
list-style: none;
li{
display: inline-block;
}
}
h3{
display: inline-block;
margin-bottom: 0;
color: black;
font-size: 2rem;
}
li > a{
color: cornflowerblue;
font-size: 2rem;
}
}

View File

@ -1,6 +1,8 @@
<nav id="main-nav">
<h3>Stage Manager <i id="nav-toggle" class="fa-solid fa-bars"></i></h3>
<h3>Stage Manager</h3>
<ul>
<li><a href="/">Dashboard <i class="fa-solid fa-gauge"></i></a></li>
<li><a href="/">Dashboard</a></li>
<li><a href="/channels">Channels</a></li>
<li><a href="/videos">Videos</a></li>
</ul>
</nav>