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

View File

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