tronnet/ProxmoxAAS-Dashboard
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix nav styling

Browse Source 
Signed-off-by: Arthur Lu <learthurgo@gmail.com>
This commit is contained in:
Arthur Lu 2023-01-09 14:36:50 -08:00
parent 64b1d35c17
commit eede39230c
2 changed files with 15 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
css/style.css
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;
}

16
index.html
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">