fix nav styling

Signed-off-by: Arthur Lu <learthurgo@gmail.com>
This commit is contained in:
Arthur Lu 2023-01-09 14:36:50 -08:00
parent c2046113a6
commit 788f3e07a7
2 changed files with 15 additions and 11 deletions

View File

@ -64,15 +64,17 @@ p {
background-color: #008800;
}
nav {
background-color: black;
.nav-container {
background-color: #00ff00;
}
nav a {
background-color: #00ff00;
float: left;
color: #00ff00;
color: black;
text-align: center;
padding: 8px;
text-decoration: none;
}
nav a:hover {
@ -80,6 +82,6 @@ nav a:hover {
}
nav a.active {
background-color: black;
background-color: #008800;
color: white;
}

View File

@ -5,16 +5,18 @@
<meta name="viewport" content="width=device-width">
<title>tronnet - client</title>
<link rel="stylesheet" href="css/style.css" type="text/css">
<script src="scripts/index.js" type="module"></script>
<script src="scripts/elements.js" type="module"></script>
</head>
<header>
<nav>
<a class="active" href="index.html">Instances</a>
<a>Logout</a>
</nav>
</header>
<body>
<header>
<div class="nav-container">
<nav>
<a class="active" href="index.html">Instances</a>
<a>Logout</a>
</nav>
</div>
</header>
<div id="instance-container" class="center-div"></div>
</body>
<template id="instance-template">