@import '../../style/themes/default.less';

.ele-admin-layout {
  background: @layout-body-background;
}

/* Main */
.ele-admin-main {
  display: flex;
}

/* 主体部分 */
.ele-admin-body {
  display: flex;
  flex-direction: column;
  min-height: calc(100vh - @header-height);
  box-sizing: border-box;
  width: 100%;

  .ele-admin-content {
    flex: auto;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;

    .ele-admin-content-view {
      flex: auto;
      box-sizing: border-box;
    }
  }
}

/* 主体的 iframe 组件 */
.ele-admin-iframe {
  width: 100%;
  height: calc(100vh - @header-height);
  box-sizing: border-box;
  display: block;
  border: none;
}

.ele-admin-show-tabs .ele-admin-iframe {
  height: calc(100vh - @header-height - @tabs-height);
}

.ele-admin-fixed-body.ele-admin-show-tabs.ele-admin-tab-card {
  .ele-admin-iframe {
    height: calc(100vh - @header-height - @tabs-height - @tabs-card-padding);
  }
}

/* 小屏幕遮罩层 */
.ele-admin-shade {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: @sidebar-fixed-z-index;
  transition: background-color @sidebar-transition-anim,
    left @sidebar-transition-anim;
  visibility: hidden;
}

/* 返回顶部 */
.ele-admin-layout > .ant-back-top {
  right: @layout-back-top-right;
  bottom: @layout-back-top-bottom;
}

/* 色弱模式 */
.ele-admin-weak {
  filter: invert(0.8);
  background: @heading-color;
  overflow-x: hidden;
}

/* 切换布局时关闭过渡效果 */
body.ele-transition-disabled {
  .ele-admin-header,
  .ele-admin-logo,
  .ele-admin-sidebar,
  .ele-admin-sidebar-nav,
  .ele-admin-body,
  .ele-admin-tabs,
  .ele-admin-content,
  .ele-modal-inner {
    transition: none !important;
  }
}