improved formatting of index.html

This commit is contained in:
UpstreamData
2022-02-24 09:13:07 -07:00
parent 610ee57963
commit cda13edf85
2 changed files with 39 additions and 76 deletions

View File

@@ -22,45 +22,48 @@
</symbol>
</svg>
<div class="row">
<div class="flex-shrink-0 p-3 bg-white" style="width: 280px;">
<div class="row px-2">
<div class="col-md-2 flex-shrink-0 p-3 text-white bg-dark" style="width: 280px;">
<!-- Header -->
<a href="/" class="d-flex align-items-center pb-3 mb-3 link-dark text-decoration-none border-bottom">
<span class="fs-5 fw-semibold">Home</span>
</a>
<ul class="nav nav-pills flex-column mb-auto">
<li class="nav-item mb-1">
<a href="#" class="nav-link link-dark active">
<svg class="bi me-2" width="16" height="16"><use xlink:href="#dashboard"></use></svg>
Dashboard
<!-- Header -->
<a href="/" class="d-flex align-items-center pb-3 mb-3 text-white text-decoration-none border-bottom">
<span class="fs-5 fw-semibold">Home</span>
</a>
</li>
<li class="nav-item mb-1">
<a href="" class="nav-link link-dark" data-bs-toggle="collapse" data-bs-target="#miners-collapse" aria-expanded="false">
<svg class="bi me-2" width="16" height="16"><use xlink:href="#miners"></use></svg>
Miners
</a>
<div class="collapse mt-1" id="miners-collapse" style="">
<ul class="btn-toggle-nav list-unstyled fw-normal pb-1 small">
<li><a href="#" class="link-dark rounded">192.168.1.1</a></li>
<li><a href="#" class="link-dark rounded">192.168.1.2</a></li>
<li><a href="#" class="link-dark rounded">192.168.1.3</a></li>
</ul>
</div>
</li>
<ul class="nav nav-pills flex-column mb-auto">
<li class="nav-item mb-1">
<a href="#" class="nav-link text-white active">
<svg class="bi me-2" width="16" height="16"><use xlink:href="#dashboard"></use></svg>
Dashboard
</a>
</li>
<li class="border-top my-3"></li>
<li class="nav-item mb-1">
<a href="" class="nav-link text-white" data-bs-toggle="collapse" data-bs-target="#miners-collapse" aria-expanded="false">
<svg class="bi me-2" width="16" height="16"><use xlink:href="#miners"></use></svg>
Miners
</a>
<div class="collapse mt-1" id="miners-collapse" style="">
<ul class="btn-toggle-nav list-unstyled fw-normal pb-1 small">
<li><a href="#" class="text-white rounded">192.168.1.1</a></li>
<li><a href="#" class="text-white rounded">192.168.1.2</a></li>
<li><a href="#" class="text-white rounded">192.168.1.3</a></li>
</ul>
</div>
</li>
<li class="nav-item mb-1">
<a href="#" class="nav-link link-dark">
<svg class="bi me-2" width="16" height="16"><use xlink:href="#settings"></use></svg>
Settings
</a>
</li>
</ul>
<li class="border-top my-3"></li>
<li class="nav-item mb-1">
<a href="#" class="nav-link text-white">
<svg class="bi me-2" width="16" height="16"><use xlink:href="#settings"></use></svg>
Settings
</a>
</li>
</ul>
</div>
<div class="col">
<p>hi</p>
</div>
</div>