geekai/web/src/assets/css/main.styl

//* {
//  margin: 0;
//  padding: 0;
//}

html,
body,
#app,
.wrapper {
  width: 100%;
  height: 100%;
}

body {
  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.admin-home {
  overflow hidden
  position relative
  height 100vh

  a {
    text-decoration: none
  }

  .content-box {
    position: absolute;
    left: 250px;
    right: 0;
    top: 0;
    bottom: 0;
    padding-bottom: 30px;
    -webkit-transition: left .3s ease-in-out;
    transition: left .3s ease-in-out;
    background: #f0f0f0;

    ::-webkit-scrollbar {
      width: 8px; /* 滚动条宽度 */
    }

    ::-webkit-scrollbar-thumb {
      background-color: #666666;
      border-radius 8px
    }

    ::-webkit-scrollbar-thumb:hover {
      background-color: #999999;
    }

    .content {
      width: auto;
      overflow-y: scroll;
      box-sizing: border-box;

      .container {
        padding: 15px 20px 30px 20px;
        background: #ffffff;
        margin-bottom 80px
      }

      .crumbs {
        margin: 10px 0;
      }

      .el-table th {
        background-color: #f5f7fa;
      }

      .pagination {
        margin: 20px 0;
        display: flex;
        justify-content: center;
        width: 100%;
      }

      .plugins-tips {
        padding: 20px 10px;
        margin-bottom: 20px;
      }

      .el-button + .el-tooltip {
        margin-left: 10px;
      }

      .el-table tr:hover {
        background: #f6faff;
      }

      .mgb20 {
        margin-bottom: 20px;
      }

      .move-enter-active,
      .move-leave-active {
        transition: opacity .1s ease;
      }

      .move-enter-from,
      .move-leave-to {
        opacity: 0;
      }

      /*BaseForm*/

      .form-box {
        width: 600px;
      }

      .form-box .line {
        text-align: center;
      }

      .el-time-panel__content::after,
      .el-time-panel__content::before {
        margin-top: -7px;
      }

      .el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default) {
        padding-bottom: 0;
      }


      [class*=" el-icon-"], [class^=el-icon-] {
        speak: none;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        vertical-align: baseline;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
      }

      .el-sub-menu [class^=el-icon-] {
        vertical-align: middle;
        margin-right: 5px;
        width: 24px;
        text-align: center;
        font-size: 18px;
      }

      [hidden] {
        display: none !important;
      }
    }

    .dark {
      background: var(--el-bg-color);

      .container {
        background: var(--el-bg-color);
      }

      .crumbs {
        margin: 10px 0;
      }

      .el-table th {
        background-color: var(--el-fill-color-darker);
      }

    }
  }

  .content-collapse {
    left: 65px;
  }
}