48 lines
898 B
CSS
48 lines
898 B
CSS
/* 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;
|
|
} |