Evo-ERP/app/static/css/components/navbar.css
2024-11-06 02:39:48 +08:00

58 lines
1016 B
CSS

@import '../utils/variables.css';
.top-navbar {
position: fixed;
top: 0;
right: 0;
left: var(--sidebar-width);
height: var(--navbar-height);
background-color: white;
box-shadow: var(--shadow-sm);
z-index: var(--z-navbar);
transition: left var(--transition-speed) ease;
padding: 0 var(--content-padding);
display: flex;
align-items: center;
}
.navbar-toggler {
display: none;
background: none;
border: none;
padding: 0.5rem;
margin-right: 1rem;
color: var(--body-color);
}
.page-title {
font-size: 1.25rem;
font-weight: 600;
margin: 0;
color: var(--body-color);
}
.navbar-tools {
margin-left: auto;
display: flex;
align-items: center;
gap: 1rem;
}
.time-display {
color: var(--text-muted);
display: flex;
align-items: center;
gap: 0.5rem;
font-size: 0.9rem;
}
@media (max-width: 991.98px) {
.top-navbar {
left: 0;
}
.navbar-toggler {
display: block;
}
}