mirror of
https://github.com/richard-loafle/fuse-angular.git
synced 2025-04-04 15:41:37 +00:00
55 lines
914 B
SCSS
55 lines
914 B
SCSS
@import "src/@fuse/scss/fuse";
|
|
|
|
toolbar {
|
|
position: relative;
|
|
display: flex;
|
|
flex: 0 0 auto;
|
|
z-index: 4;
|
|
|
|
&.below {
|
|
z-index: 2;
|
|
}
|
|
|
|
.mat-toolbar {
|
|
position: relative;
|
|
background: inherit !important;
|
|
color: inherit !important;
|
|
}
|
|
|
|
.logo {
|
|
display: flex;
|
|
align-items: center;
|
|
|
|
.logo-icon {
|
|
width: 38px;
|
|
}
|
|
}
|
|
|
|
.user-button,
|
|
fuse-search-bar,
|
|
.language-button,
|
|
.chat-panel-toggle-button,
|
|
.quick-panel-toggle-button {
|
|
min-width: 64px;
|
|
height: 64px;
|
|
|
|
@include media-breakpoint('xs') {
|
|
height: 56px;
|
|
}
|
|
}
|
|
|
|
.navbar-toggle-button {
|
|
min-width: 56px;
|
|
height: 56px;
|
|
}
|
|
|
|
.toolbar-separator {
|
|
height: 64px;
|
|
width: 1px;
|
|
|
|
@include media-breakpoint('xs') {
|
|
height: 56px;
|
|
}
|
|
}
|
|
}
|