59 lines
891 B
SCSS
59 lines
891 B
SCSS
.navbar-spacing {
|
|
height: 64px;
|
|
width: 100%;
|
|
}
|
|
|
|
::ng-deep mat-toolbar {
|
|
background: #000 !important;
|
|
border-bottom: #fff solid 1px;
|
|
height: 64px;
|
|
position: fixed;
|
|
top: 0;
|
|
z-index: 100;
|
|
|
|
.mat-toolbar-row {
|
|
height: 100%;
|
|
}
|
|
|
|
.navbar-brand {
|
|
color: #fff;
|
|
//font-weight: lighter;
|
|
|
|
&:hover img {
|
|
filter: brightness(5%) sepia(75) saturate(100) hue-rotate(25deg);
|
|
}
|
|
}
|
|
|
|
.navbar-button {
|
|
//color: rgba(255, 255, 255, 0.55);
|
|
font-weight: normal;
|
|
padding: 0 8px 0 8px;
|
|
|
|
//&:hover {
|
|
// color: rgba(255, 255, 255, 0.75);
|
|
//}
|
|
}
|
|
}
|
|
|
|
::ng-deep .mat-menu-content {
|
|
background: #000;
|
|
border: #fff solid 1px;
|
|
padding: 0 !important;
|
|
border-radius: 0.25rem;
|
|
|
|
mat-divider {
|
|
border-color: white;
|
|
margin-top: 0.2rem;
|
|
padding-bottom: 0.1rem;
|
|
}
|
|
|
|
button {
|
|
height: 36px;
|
|
line-height: 36px;
|
|
|
|
&:hover {
|
|
background: rgba(255, 255, 255, 0.15) !important;
|
|
}
|
|
}
|
|
}
|