fix nav styling
Signed-off-by: Arthur Lu <learthurgo@gmail.com>
This commit is contained in:
parent
c2046113a6
commit
788f3e07a7
@ -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;
|
||||
}
|
@ -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>
|
||||
<body>
|
||||
<header>
|
||||
<div class="nav-container">
|
||||
<nav>
|
||||
<a class="active" href="index.html">Instances</a>
|
||||
<a>Logout</a>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
<body>
|
||||
<div id="instance-container" class="center-div"></div>
|
||||
</body>
|
||||
<template id="instance-template">
|
||||
|
Loading…
Reference in New Issue
Block a user