settle-vue3/src/style/index.scss

@import "./mixin.scss";
@import "./transition.scss";
@import "./element-plus.scss";
@import "./sidebar.scss";
@import "./dark.scss";

.warning-row {
  --el-table-tr-bg-color: antiquewhite;
}

body {
  width: 100%;
  height: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizelegibility;
  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB",
    "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
}

html {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

#app {
  width: 100%;
  height: 100%;
  min-width:1200px;
}

/* 头部用户信息样式重置 */
.hidden {
  display: none !important;
}

/* 灰色模式 */
.html-grey {
  filter: grayscale(100%);
}

/* 色弱模式 */
.html-weakness {
  filter: invert(80%);
}

.pc-spacing {
  margin: 10px;
}

.mobile-spacing {
  margin: 0;
}

/* 重置vxe-table中pager样式 */
.vxe-pager .vxe-pager--num-btn:not(.is--disabled).is--active {
  color: #fff !important;
}
.fr{
  float: right;
}
.fl{
  float: left;
}
.tl{
  text-align: left;
}
.tr{
  text-align: right;
}
.tc{
  text-align: center;
}
.clear::after,
.clear::before {
  content: "";
  display: block;
  clear: both;
}
.el-dialog .el-dialog__body{
  padding-top:8px!important;
}


.el-dialog{
  // width: 800px !important;
  max-width: 90vw;
}


.white-bg{
  background-color: #fff;
}

.IntervalTime,.IntervalNum{
  width: 100%;
  display: flex;
  .timeItem{
    width: calc(50% - 11px );
  }
  .timeZhi{
    width:22px;
    text-align: center;
    line-height: 32px;
  }
}


.padding__container{
  background-color: #fff;
  padding: 15px !important;
}


.dialog-max{
  min-width: 1040px !important;
}


.el-dialog {
  min-width: 1024px !important;
}

.el-dialog__body{
  overflow-x:hidden;
}


.main-content {
  padding: 15px !important;
  // background:#f4f7fc !important;
}

.page-search {
  box-shadow:rgba(33, 76, 217, 0.2) 0px 2px 8px 0px;
  border-radius: 4px;
}

.page-content {
  box-shadow: rgba(33, 76, 217, 0.2) 0px 2px 8px 0px;
  border-radius: 4px;
}


.bg-white {
  background:#FFF !important;
}


body {
  font-family: robotothin,-apple-system,Helvetica Neue,Helvetica,Arial,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,Microsoft JhengHei,SimSun,sans-serif !important;
}



.menu-drawer {
  min-width: 1000px;

  .el-drawer__body{
   padding: 10px !important;
   background-color: #f2f4f7;
  } 
 }


.menu-drawer-item {
  transition: all .2s;

  &:hover{
    p {
    transition: all .2s;
      color: #4091f7!important;
    }
  }

  &.active {
    background: rgba(64,145,247,0.3) !important;

    p {
      transition: all .2s;
      color: #4091f7!important;
    }
  }
}


.menu-drawer-mask{
  top:48px !important
}


.child-drawer-item{
  transition: all .2s;

  .el-rate{
    display: none;
  }

  &:hover{
    background-color: #f2f4f7;

    p {
      transition: all .3s;
      color: #4091f7!important;
    }

    .el-rate{
      display: block;
    }
  }

  &.active {
    background-color: #f2f4f7 !important;
    p {
      transition: all .3s;
      color: #4091f7!important;
    }

    .el-rate{
      display: block;
    }
  }
}