update sidebar

This commit is contained in:
2026-04-08 06:32:40 -05:00
parent 4bfd0829ea
commit fc4927702b
2 changed files with 22 additions and 160 deletions

View File

@@ -34,36 +34,34 @@
}
aside {
/* border: 1px yellow solid; */
position: fixed;
overflow: auto;
height: calc(100vh - 68px);
justify-content: flex-start;
align-self: flex-start;
/* border: 1px yellow solid; */
position: fixed;
overflow: auto;
height: calc(100vh - 68px);
justify-content: flex-start;
align-self: flex-start;
}
main {
position: relative;
overflow: auto;
margin-left: auto;
justify-content: flex-end;
align-self: flex-end;
position: relative;
overflow: auto;
margin-left: auto;
justify-content: flex-end;
align-self: flex-end;
}
#sidebarshow {
display: none;
display: none;
}
@media screen and (max-width: 575px) {
#sidebarshow {
display: inline;
}
#sidebarshow {
display: inline;
}
#sidebartoggle {
display: none;
}
#sidebartoggle {
display: none;
}
}
</style>
@@ -474,138 +472,11 @@
</div>
</div>
<div class="row">
<canvas class="my-4 w-100" id="myChart" width="900" height="380"></canvas>
<div class="row">
<canvas class="my-4 w-100" id="myChart" width="900" height="380"></canvas>
<h2>Section title</h2>
<div class="table-responsive small">
<table class="table table-striped table-sm">
<thead>
<tr>
<th scope="col">#</th>
<th scope="col">Header</th>
<th scope="col">Header</th>
<th scope="col">Header</th>
<th scope="col">Header</th>
</tr>
</thead>
<tbody>
<tr>
<td>1,001</td>
<td>random</td>
<td>data</td>
<td>placeholder</td>
<td>text</td>
</tr>
<tr>
<td>1,002</td>
<td>placeholder</td>
<td>irrelevant</td>
<td>visual</td>
<td>layout</td>
</tr>
<tr>
<td>1,003</td>
<td>data</td>
<td>rich</td>
<td>dashboard</td>
<td>tabular</td>
</tr>
<tr>
<td>1,003</td>
<td>information</td>
<td>placeholder</td>
<td>illustrative</td>
<td>data</td>
</tr>
<tr>
<td>1,004</td>
<td>text</td>
<td>random</td>
<td>layout</td>
<td>dashboard</td>
</tr>
<tr>
<td>1,005</td>
<td>dashboard</td>
<td>irrelevant</td>
<td>text</td>
<td>placeholder</td>
</tr>
<tr>
<td>1,006</td>
<td>dashboard</td>
<td>illustrative</td>
<td>rich</td>
<td>data</td>
</tr>
<tr>
<td>1,007</td>
<td>placeholder</td>
<td>tabular</td>
<td>information</td>
<td>irrelevant</td>
</tr>
<tr>
<td>1,008</td>
<td>random</td>
<td>data</td>
<td>placeholder</td>
<td>text</td>
</tr>
<tr>
<td>1,009</td>
<td>placeholder</td>
<td>irrelevant</td>
<td>visual</td>
<td>layout</td>
</tr>
<tr>
<td>1,010</td>
<td>data</td>
<td>rich</td>
<td>dashboard</td>
<td>tabular</td>
</tr>
<tr>
<td>1,011</td>
<td>information</td>
<td>placeholder</td>
<td>illustrative</td>
<td>data</td>
</tr>
<tr>
<td>1,012</td>
<td>text</td>
<td>placeholder</td>
<td>layout</td>
<td>dashboard</td>
</tr>
<tr>
<td>1,013</td>
<td>dashboard</td>
<td>irrelevant</td>
<td>text</td>
<td>visual</td>
</tr>
<tr>
<td>1,014</td>
<td>dashboard</td>
<td>illustrative</td>
<td>rich</td>
<td>data</td>
</tr>
<tr>
<td>1,015</td>
<td>random</td>
<td>tabular</td>
<td>information</td>
<td>text</td>
</tr>
</tbody>
</table>
<h2>Section title</h2>
</div>
</div>
<div class="my-3 p-3 bg-body rounded shadow-sm">
<h6 class="border-bottom pb-2 mb-0">Recent updates</h6>
<div class="d-flex text-body-secondary pt-3">
@@ -730,7 +601,7 @@
</div>
</main>
<!-- end main -->
<!-- end main -->
<!-- offcanvas - heres is a copy of aside and must be the same, probably fixing later to not duplicate -->
<div class="offcanvas offcanvas-start" data-bs-scroll="true" tabindex="-1" id="offcanvasExample"