use btn-group class for nav bar

Signed-off-by: Arthur Lu <learthurgo@gmail.com>
This commit is contained in:
Arthur Lu 2023-01-09 14:53:29 -08:00
parent fb1a8ec32a
commit 5865ecbb1b
2 changed files with 8 additions and 22 deletions

View File

@ -64,29 +64,15 @@ p {
background-color: #008800;
}
.btn-group button.active {
background-color: black;
color: white;
}
nav {
background-color: #00ff00;
overflow: hidden;
margin-left: auto;
margin-right: auto;
width: fit-content;
}
nav a {
background-color: #00ff00;
float: left;
color: black;
text-align: center;
padding: 8px;
text-decoration: none;
}
nav a:hover {
background-color: #008800;
color: white;
}
nav a.active {
background-color: #008800;
color: white;
}

View File

@ -10,9 +10,9 @@
</head>
<body>
<header>
<nav>
<a class="active" href="index.html">Instances</a>
<a>Logout</a>
<nav class="btn-group">
<button class="active">Instances</button>
<button>Logout</button>
</nav>
</header>
<main><div id="instance-container" class="center-div"></div></main>