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; background-color: #008800;
} }
nav { .nav-container {
background-color: black; background-color: #00ff00;
} }
nav a { nav a {
background-color: #00ff00;
float: left; float: left;
color: #00ff00; color: black;
text-align: center; text-align: center;
padding: 8px; padding: 8px;
text-decoration: none;
} }
nav a:hover { nav a:hover {
@ -80,6 +82,6 @@ nav a:hover {
} }
nav a.active { nav a.active {
background-color: black; background-color: #008800;
color: white; color: white;
} }

View File

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