@import '~@/assets/style/public.scss';

$color: #409EFF;

// 默认主题
.layout-main {
  &.default {
    // [全局设置]
    // 关闭所有卡片的阴影
    .el-card {
      box-shadow: none;
      &:hover {
        box-shadow: 0 0 8px 0 rgba(232,237,250,.6), 0 2px 4px 0 rgba(232,237,250,.5);
      }
    }
    height: 100vh;
    width: 100vw;
    // [布局]
    .el-header {
      padding: 0px;
      .logo-group {
        width: 200px;
        float: left;
        text-align: center;
        img {
          height: 60px;
        }
      }
      // 顶栏菜单
      .el-menu {
        float: left;
        border-bottom: none;
        background-color: transparent;
        .el-menu-item {
          border-bottom: none;
          border-top: 2px solid $color-bg;
          &:hover {
            background-color: transparent;
          }
          &.is-active {
            border-bottom: none;
            border-top: 2px solid $color;
            background-color: transparent;
          }
        }
      }
    }
    // 顶栏下面
    .el-container {
      // 侧边栏
      .el-aside {
        .el-menu {
          background-color: transparent;
          .el-menu-item {
            &:focus {
              background-color: transparent;
            }
            &:hover {
              background-color: transparent;
            }
          }
          .el-submenu__title {
            &:hover {
              background-color: transparent;
            }
          }
        }
      }
      .el-main {
        padding: 0px;
        position: relative;
      }
    }
  }
}