next-ucap-messenger/projects/ucap-webmessenger-app/src/app/pages/messenger/components/main.page.component.scss

.container {
  height: 100%;
  display:flex;
  flex-flow: row;

  .left-side {
    width: 380px;
    height: 100%;
    flex: 0 0 auto;
  }
  .contents {
    flex:1 1 auto;
    min-width:400px;
    height: 100%;

    .messages {
      width: 100%;
      height: 100%;
    }
  }
  .right-side {
    height: 100%;
    flex: 0 0 auto;
  }
}