make nav-bar sticky

This commit is contained in:
2026-03-19 09:50:21 +07:00
parent e80cb128bf
commit aab4bd25dc
2 changed files with 14 additions and 10 deletions

View File

@@ -7,10 +7,10 @@
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/chart.js@3.9.1"></script>
<script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-datalabels@2.2.0"></script>
<link rel="stylesheet" href="https://unpkg.com/leaflet/dist/leaflet.css" />
<script src="https://unpkg.com/leaflet/dist/leaflet.js"></script>
<script src="https://unpkg.com/leaflet/dist/leaflet.js"></script>
<script src="/js/dashboard/filter.js"></script>
<script src="/js/dashboard/charts.js"></script>
@@ -41,6 +41,11 @@
background: white;
border-bottom: 1px solid #dcdcdc;
padding-left: 15px;
position: sticky;
top: 0;
z-index: 1000;
background: white;
border-bottom: 1px solid #dcdcdc;
}
/* NAV ITEMS */
@@ -57,14 +62,12 @@
background: #cce0d4;
}
/* ACTIVE TAB */
.active-tab {
color: #0B8F3C;
border-bottom: 3px solid #0B8F3C;
background: #e5efe8;
}
/* CONTENT */
.content-area {
padding: 25px;
}