@import "~@/assets/varible.less";  // 项目的less变量会覆盖组件的变量
.app-portal {
  background-color: #f1f5f4;
  height: 100%;
  & > .header {
    height: @headerHeight;
  }
  & > .content {
    > .ant-layout {
      height: 100%;
      padding: 0 !important;
      background-color: white;
      > .ant-layout-content {
        height: 100%; 
        padding: 0 !important;
      }
    }
  }
  &.app-portal-layout {
    > .aside {
      // width: @menuWidth - 20px;
      height: calc(100% - @headerHeight - 16px);
      background-color: #f1f5f4;
      overflow-y: auto;
      overflow-x: hidden;
      margin-left: 10px;
      margin-bottom: 10px;
      margin-right: 10px;
      margin-top: 6px;
    }
    > .tabbar {
      position: fixed;
      // left: @menuWidth;
      right: 10px;
      top: @headerHeight;
      height: @tabBarHeight;
      margin: 6px 0;
    }
    > .content {
      position: fixed;
      // left: @menuWidth;
      right: 10px;
      bottom: 10px;
      top: @headerHeight + @tabBarHeight + 12px;
      overflow-y: auto;
      background-color: white;
    }
    &.no-tabbar {
      > .content {
        top: @headerHeight + 12px;
      }
    }
  }
  &.app-portal-layout-horizontal {
    > .aside {
      // width: @menuWidth;
      height: 100%;
      background-color: #f1f5f4;
      overflow-y: auto;
      overflow-x: hidden;
      margin-right: 10px;
    }
    > .tabbar {
      position: fixed;
      // left: @menuWidth + 10px;
      right: 10px;
      top: 0;
      height: @tabBarHeight;
      margin: 6px 0;
    }
    > .content {
      position: fixed;
      // left: @menuWidth + 10px;
      right: 10px;
      bottom: 10px;
      top: @tabBarHeight + 12px;
      overflow-y: auto;
      background-color: white;
    }
    &.no-tabbar {
      > .content {
        top: 10px;
      }
    }
  }
  &.app-portal-layout-vertical {
    > .header {
      height: @headerHeight;
    }
    > .tabbar {
      position: fixed;
      left: 10px;
      right: 10px;
      top: @headerHeight;
      height: @tabBarHeight;
      margin: 6px 0;
    }
    > .content {
      position: fixed;
      left: 10px;
      right: 10px;
      bottom: 10px;
      top: @headerHeight + @tabBarHeight + 12px;
      overflow-y: auto;
      background-color: white;
    }
    &.no-tabbar {
      > .content {
        top: @headerHeight + 12px;
      }
    }
  }
}



.layout-split-pane {
  position: fixed;
  width: 10px;
  height: 100%;
  // left: @menuWidth - 10px;
  top: @headerHeight;
  bottom: 6px;
  cursor: col-resize;
}

