...

pkg/servers/ui/static/css/custom.css

@@ -0,0 +1,48 @@
+/* Custom CSS for HeroApp UI */
+
+body {
+    /* Example: Add some padding if needed, beyond what Bootstrap provides */
+    /* padding-top: 5rem; */
+}
+
+.sidebar {
+    position: fixed;
+    top: 0;
+    /* Sidenav can be customized further */
+    bottom: 0;
+    left: 0;
+    z-index: 100; /* Behind the navbar */
+    padding: 56px 0 0; /* Height of navbar */
+    box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
+}
+
+@media (max-width: 767.98px) {
+    .sidebar {
+        top: 5rem; /* Adjust if navbar height changes */
+        padding: 0;
+    }
+}
+
+.sidebar .nav-link {
+    font-weight: 500;
+    color: #333;
+}
+
+.sidebar .nav-link .feather {
+    margin-right: 4px;
+    color: #727272;
+}
+
+.sidebar .nav-link.active {
+    color: #007bff;
+}
+
+.sidebar .nav-link:hover .feather,
+.sidebar .nav-link.active .feather {
+    color: inherit;
+}
+
+.sidebar-heading {
+    font-size: .75rem;
+    text-transform: uppercase;
+}