classroom-instruments/src/views/prepare-lessons/index.module.less

.prepareLessons {
  display: flex;
  // padding: 32px;
  // padding-bottom: 32px;
  height: calc(100vh - 118px);


  .directoryMain,
  .resourceMain {
    flex: 0 0 360px;
    background-color: #fff;
    border-radius: 20px;
  }

  .lessonMain {
    margin: 0 20px;
    flex: 1;
    background-color: #fff;
    border-radius: 20px;
  }

  .resourceMain {
    transition: all .2s ease-in-out;

    &.resourceClose {
      transition: all .2s ease-in-out;
      width: 0;
      transform: translateX(100%);
      opacity: 0;
    }
  }
}