@use 'common/var' as *;
@use 'mixins/mixins' as *;
@use 'mixins/_col' as *;

.el-layout-tree {
  height: 100%;
  box-sizing: border-box;
  padding: 12px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  .el-layout-tree-search {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    .el-layout-tree-search-more {
      margin-left: 10px;
      cursor: pointer;
      &.fold-btn {
        transform: rotate(90deg);
      }
      &.expand-btn {
        transform: rotate(270deg);
      }
      &:hover {
        opacity: 0.8;
      }
    }
  }
  .el-layout-tree-body {
    height: 100vh;
    position: relative;
    overflow: hidden;
    .pe-layout-tree-lazy {
      width: 100%;
      height: 100%;
      overflow: auto;
    }
  }
  .el-tree-node__content {
    height: 40px;
    .layout-tree-icon {
      font-size: 14px;
      margin-right: 6px;
    }
  }
  .el-tree-node.is-current > .el-tree-node__content {
    background-color: #f0f7ff;
  }
}