@import (reference) '~@/assets/style/extend.less';
.yo-tree-layout {
  position: absolute;
  top: 0;
  left: 0;

  width: 100%;
  height: 100%;
  .ant-layout-sider {
    background-color: @white;
    .ant-layout-header {
      height: @layout-header-height - 20px;

      background-color: @white;
      .header-actions {
        >.ant-input-search {
          .ant-input {
            color: @black;
            background-color: @white;
            &:focus {
              background-color: fade(@black, 5%);
            }
          }
          .anticon-search {
            color: fade(@black, 45%);
          }
        }
      }
    }
    .swiper-container {
      position: absolute;
      top: @layout-header-height;
      left: 0;
      bottom: 0;

      width: 100%;
      .swiper-slide {
        height: auto;
        min-height: 100%;
      }
      .swiper-scrollbar {
        transition: @animation-duration-slow opacity;

        opacity: 0;
      }
      &:hover {
        .swiper-scrollbar {
          opacity: 1;
        }
      }
    }
  }
  &--bar {
    line-height: 20px;

    height: 20px;
    padding: 0 @padding-md;

    text-align: right;
    >.anticon {
      cursor: pointer;

      color: fade(@black, 50%);
      &:hover {
        color: fade(@black, 80%);
      }
    }
  }
}