cip-components/cip-cron/index.less

.cip-cron__container {
  display: flex;
  flex-direction: column;

  .cip-cron {
    width: auto;
    border: 1px solid #f5f7fa;


    .el-radio-flex {
      display: flex;
      flex-direction: column;

      .el-radio {
        margin-top: 20px;
      }
    }

    .input-width-number,
    .el-select-number {
      width: 80px;
    }

    &__tabs {
      padding: 0;
      list-style: none;
      margin: 0;
      background-color: #f5f7fa;
      display: flex;

      .active {
        background-color: #5b8ff9;
        color: #ffffff;
      }
    }

    &__tab {
      padding: 10px;
      list-style: none;
      margin: 0;
      background-color: #f5f7fa;
      display: flex;
      flex: 1;
      align-items: center;
      justify-content: center;
      cursor: pointer;
    }

    &__content {
      padding: 20px;
      max-height: v-bind(maxHeight);
      overflow: hidden;
      overflow-y: auto;
    }

    &__express {
      margin-top: 16px;
      font-size: 15px;

      &__name {
        font-weight: bold;
        margin-right: 12px;
      }

      &__value {
        background-color: #61ddaa;
        padding: 5px;
        padding-left: 10px;
        padding-right: 10px;
        color: #ffffff;
        margin-right: 12px;
        letter-spacing: 3px;
      }
    }

    &__field {
      display: flex;
      margin-top: 12px;

      &__item {
        display: flex;
        white-space: nowrap;
        flex-direction: column;
        margin-right: 12px;
        width: 80px;

        >div {
          padding: 2px 20px;
          overflow-x: auto;
          overflow-y: hidden;
          text-align: center;
        }

        &__name {
          background: #409eff;
          color: #fff;
        }

        &__value {
          background: #eee;
          font-size: 18px;
          color: #409eff;
          text-align: center;
          height: 40px;
          line-height: 40px;
        }
      }
    }

    &__button {
      margin-top: 12px;
      text-align: center;
      width: 100%;
    }
  }
}