@use './variables.scss' as variables;

@media screen and (max-width: 992px) {
  .avue-sidebar {
    position: fixed;
    top: 0;
    left: -265px;
    z-index: 1024;
  }
  .avue--collapse {
    .avue-sidebar {
      left: 0;
      width: variables.$sidebar_width;
    }

    .avue-logo {
      width: variables.$sidebar_width;
    }

    .avue-main {
      margin-left: variables.$sidebar_width;
    }
  }
  // ele的自适应
  .el-dialog,
  .el-message-box {
    width: 98%;
  }
  //登录页面
  .login-left {
    width: 100%;
    min-height: auto;

    .title {
      margin-top: 20px;
      font-size: 20px;
      text-shadow: #000 1px 0 0, #000 0 1px 0, #000 -1px 0 0, #000 0 -1px 0;
    }

    .img {
      width: 50px;
    }
  }
  .login-logo {
    padding-top: 30px;
    margin-left: -30px;
  }
  .login-border {
    border-radius: 5px;
    padding: 20px;
    margin: 0 auto;
    width: 100%;
  }
  .login-main {
    width: 100%;
    background-color: #fff;
    padding: 10px 20px;
    box-shadow: none
  }
  .login-container {
    &::before {
      margin-left: 0
    }
  }
  .top-bar__item {
    display: none;
  }
}