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

.container {
  height: 100%;
  display: flex;
  flex-flow: row;
  padding-top: 30px;
  border: 3px solid #4f4f4f;
  border-top: none;

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

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