resources/sass/app/_navbar.scss
.navbar-header {
background-color: var(--app-navbar-bg);
color: var(--app-navbar-header);
.navbar-nav {
.nav-item {
.nav-link {
color: var(--app-navbar-link-color);
}
}
}
}
.app-nav-fluid {
height: 60px;
}
.app-with-sidebar-nav {
height: 60px;
margin-left: 320px;
width: calc(100% - 320px);
border-bottom: 1px solid var(--app-navbar-bottom-border);
}
.navbar-title {
font-size: 22px;
font-weight: bold;
}
.notification-badge {
display: inline-block;
position: absolute;
margin-top: -10px;
right: 94px;
}
.nav-avatar {
display: inline-block;
width: 26px;
height: 26px;
border-radius: 50%;
background-position: center center;
background-size: cover;
line-height: 45px;
margin-bottom: -8px;
margin-right: 10px;
}
.navbar-nav {
.nav-user-dropdown {
&:focus {
box-shadow: none;
}
}
.dropdown-menu {
position: absolute;
top: 42px;
left: -164px;
width: 220px;
}
.dropdown-toggle::after {
content: none;
}
}