fuse-angular/src/app/main/apps/chat/chat.component.scss
2018-10-04 12:14:54 +03:00

48 lines
1.1 KiB
SCSS

@import "src/@fuse/scss/fuse";
#chat {
.center {
padding: 32px !important;
max-width: 1400px;
margin: 0 auto;
@include media-breakpoint('lt-lg') {
padding: 0 !important;
}
.content-card {
position: relative;
display: flex;
flex: 1;
border-radius: 8px;
.mat-sidenav-container {
display: flex;
flex: 1;
width: 100%;
> .mat-sidenav-content,
> .mat-drawer-content {
display: flex;
flex: 1 1 auto;
min-height: 100%;
height: auto;
}
> .mat-drawer-content {
max-width: 100%;
}
mat-sidenav {
display: flex;
flex-direction: column;
width: 400px;
max-width: 90%;
overflow: hidden;
}
}
}
}
}