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

/* 小屏幕样式 */
@media screen and (max-width: 768px) {
  .ele-admin-responsive {
    .ele-admin-logo,
    .ele-admin-sidebar {
      position: fixed !important;
      left: 0 !important;
      width: @sidebar-width !important;
      z-index: calc(@sidebar-fixed-z-index + 1) !important;
    }

    .ele-admin-sidebar {
      top: @header-height !important;
    }

    .ele-admin-logo > span {
      display: inline !important;
    }

    .ele-admin-body,
    .ele-admin-header {
      padding-left: 0 !important;
      width: 100% !important;
    }

    .ele-admin-tabs {
      left: 0 !important;
    }

    .ele-admin-breadcrumb,
    .ele-admin-sidebar-nav {
      display: none;
    }

    &:not(.ele-admin-collapse) {
      .ele-admin-shade {
        left: @sidebar-width;
        background: @modal-mask-bg;
        visibility: visible;
      }

      .ele-admin-header {
        z-index: auto;
      }
    }

    &.ele-admin-collapse {
      .ele-admin-sidebar,
      .ele-admin-logo {
        left: calc(0px - @sidebar-width) !important;
        box-shadow: none !important;
      }
    }

    &.ele-admin-show-tabs:not(.ele-admin-tab-card):not(.ele-admin-head-dark) {
      .ele-admin-header {
        box-shadow: 0 -1px 0 @border-color-split inset !important;
      }
    }
  }
}