Fix sidebar

This commit is contained in:
everoddandeven 2024-10-29 20:19:21 +01:00
parent 89a2b2229f
commit 6313b42e39
2 changed files with 10 additions and 1 deletions

View file

@ -1,7 +1,7 @@
<app-navbar></app-navbar> <app-navbar></app-navbar>
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
<div class="sidebar border border-right col-md-3 col-lg-3 p-0 bg-body-tertiary" style="position: fixed; height: 100%;"> <div class="sidebar border border-right col-md-3 col-lg-3 p-0 bg-body-tertiary">
<app-sidebar [isDaemonRunning]="daemonRunning"></app-sidebar> <app-sidebar [isDaemonRunning]="daemonRunning"></app-sidebar>
</div> </div>
<main class="col-md-9 ms-sm-auto col-lg-9 px-md-4"> <main class="col-md-9 ms-sm-auto col-lg-9 px-md-4">

View file

@ -18,7 +18,16 @@ $primary: #ff5733;
* Sidebar * Sidebar
*/ */
.sidebar {
position: inherit !important;
height: 100%;
}
@media (min-width: 768px) { @media (min-width: 768px) {
.sidebar {
position: fixed !important;
}
.sidebar .offcanvas-lg { .sidebar .offcanvas-lg {
position: sticky; position: sticky;
top: 48px; top: 48px;