edu-textbook/projects/textbook/src/app/comp-manage/comp-manage.component.scss

.page{
  font-family: PingFang SC;
  display: flex;
  // height: calc(100% - 60px);
  // overflow-y: scroll;
  overflow-y: hidden;
  height: 100vh;
  background-color: #F9EAEA;
  padding: 10px;
  .content-left{
    position: relative;
    background-color:#f9eaea;
    // width: 248px;
    overflow: hidden;
    .btn-menu{
      padding: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .left-fonter{
      width: 248px;
      position: absolute;
      bottom: 0;
      left: 0;
    }
  }
  .preview{
    height: 100%;
    overflow-y: scroll;
    padding: 0 0 10px 0;
    flex: 1;
    background-color: white;
    border-radius: 10px;
    position: relative;
  }
}
.down{
  position: absolute;
  bottom: 200px;
  /* height: 100px; */
  line-height: 24px;
  text-wrap: wrap;
  /* padding-left: 24px; */
  /* padding: 0; */
  .a{
    padding: 10px 0;
  }
  .directions{
    margin-top: 10px;
    background: #F4CBCD;
    
    padding:10px 20px ;
    display: flex;
    align-items: center;
    span{
      margin-left: 8px;
      color: #C6233F;
    }
  }
}

::ng-deep .ant-menu-sub.ant-menu-inline{
  background: #f9eaea;
}
::ng-deep .ant-menu-light .ant-menu-item:hover{
  color: #c6233f !important;
}
::ng-deep .ant-menu-light .ant-menu-submenu-title:hover{
  color: #c6233f !important;
}
::ng-deep .ant-menu-submenu:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow{
  color: #c6233f !important;
}
::ng-deep .ant-menu-inline .ant-menu-item::after{
  border-right: 3px solid #c6233f;
}
::ng-deep .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected{
  background-color: #f4cbcd;
  color: #c6233f;
}
::ng-deep .ant-menu-submenu-selected{
  background-color: #f4cbcd;
  color: #c6233f !important;
}
::ng-deep  .ant-menu-light .ant-menu-submenu-active{
  color:black;
}