Copied some styles from Leviathan

This commit is contained in:
Gregory Ballantine 2023-11-27 22:26:36 -05:00
parent 9dceaa8119
commit 0ee3d06f89
2 changed files with 49 additions and 25 deletions

View File

@ -7,48 +7,69 @@ body{
}
body{
height: auto;
min-height: 100%;
box-sizing: border-box;
padding-top: 80px;
padding-bottom: 80px;
background: #eee;
}
#navbar{
box-sizing: border-box;
textarea{
max-width: 100%;
min-width: 100%;
height: 100px;
}
form select{
min-height: 100px;
}
.container{
max-width: 1024px;
}
#main-nav{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 64px;
padding-left: 10px;
background: purple;
background: teal;
color: white;
z-index: 10;
z-index: 20;
}
#navbar ul{
#main-nav ul{
list-style: none;
}
#navbar ul li{
display: inline-block;
}
#navbar h4,
#navbar a{
margin-left: 15px;
#main-nav h4{
display: inline-block;
margin-left: 25px;
line-height: 64px;
}
#main-nav ul li{
display: inline-block;
margin-left: 15px;
}
#navbar a{
#main-nav a{
color: white;
font-size: 24px;
text-decoration: none;
font-size: 2.25rem;
line-height: 64px;
transition: all 200ms ease-in-out;
}
#main-nav a:hover{
color: #eee;
font-size: 2.5rem;
}
#main-content{
max-width: 1024px;
padding: 14px 20px;
background: white;
border-radius: 8px;
z-index: 10;
}
#main-footer{
@ -57,9 +78,10 @@ body{
left: 0;
width: 100%;
height: 64px;
}
#main-footer p{
line-height: 64px;
margin-bottom: 5px;
text-align: center;
}

View File

@ -1,11 +1,13 @@
{{ define "navbar" }}
<nav id="navbar">
<ul class="navbar-left">
<li><h4>BLT</h4></li>
<li><a href="/">Dashboard</a></li>
<li><a href="/project">Projects</a></li>
<li><a href="/hardware">Hardware</a></li>
<li><a href="/benchmark">Benchmarks</a></li>
</ul>
<nav id="main-nav">
<div class="nav-left">
<h4>BLT</h4>
<ul>
<li><a href="/">Dashboard</a></li>
<li><a href="/project">Projects</a></li>
<li><a href="/hardware">Hardware</a></li>
<li><a href="/benchmark">Benchmarks</a></li>
</ul>
</div>
</nav>
{{ end }}