2019-11-20 17:31:08 +09:00
|
|
|
.main-container {
|
2019-11-22 14:48:02 +09:00
|
|
|
height: 100%;
|
2019-10-29 09:21:54 +09:00
|
|
|
display: flex;
|
2019-10-21 13:20:14 +09:00
|
|
|
flex-flow: row;
|
2019-11-13 10:45:06 +09:00
|
|
|
border-top: none;
|
2019-11-22 14:48:02 +09:00
|
|
|
.split-area {
|
2019-11-18 09:15:20 +09:00
|
|
|
overflow: hidden;
|
|
|
|
.left-side {
|
2019-11-22 14:48:02 +09:00
|
|
|
width: 100%;
|
|
|
|
height: 100%;
|
|
|
|
flex: 0 0 auto;
|
|
|
|
position: relative;
|
2019-11-18 09:15:20 +09:00
|
|
|
}
|
2019-09-26 14:38:21 +09:00
|
|
|
}
|
2019-11-18 09:15:20 +09:00
|
|
|
|
2019-09-26 14:38:21 +09:00
|
|
|
.contents {
|
2019-10-29 09:21:54 +09:00
|
|
|
flex: 1 1 auto;
|
|
|
|
min-width: 400px;
|
2019-09-26 14:38:21 +09:00
|
|
|
height: 100%;
|
2019-10-08 18:12:58 +09:00
|
|
|
.messages {
|
|
|
|
width: 100%;
|
|
|
|
height: 100%;
|
|
|
|
}
|
2019-11-22 14:48:02 +09:00
|
|
|
.rightDrawer {
|
|
|
|
width: 400px;
|
2019-11-18 09:15:20 +09:00
|
|
|
height: 100%;
|
|
|
|
flex: 0 0 auto;
|
|
|
|
overflow: hidden;
|
2019-11-22 14:48:02 +09:00
|
|
|
-webkit-box-shadow: -1px 0px 3px 0px rgba(0, 0, 0, 0.3);
|
|
|
|
-moz-box-shadow: -1px 0px 3px 0px rgba(0, 0, 0, 0.3);
|
|
|
|
box-shadow: -1px 0px 3px 0px rgba(0, 0, 0, 0.3);
|
2019-11-18 09:15:20 +09:00
|
|
|
}
|
2019-09-26 14:38:21 +09:00
|
|
|
}
|
|
|
|
.right-side {
|
|
|
|
height: 100%;
|
2019-10-21 13:20:14 +09:00
|
|
|
flex: 0 0 auto;
|
2019-09-26 14:38:21 +09:00
|
|
|
}
|
2019-09-18 15:02:21 +09:00
|
|
|
}
|
2019-11-18 09:15:20 +09:00
|
|
|
|
2019-11-22 14:48:02 +09:00
|
|
|
::ng-deep .mat-drawer-inner-container {
|
2019-11-18 09:15:20 +09:00
|
|
|
overflow: unset !important;
|
|
|
|
}
|