Situation-Awareness-Platform-Frontend/src/assets/css/jyh.scss

/* devui css override */
// d-layout
.jyh-form {
  .devui-form__label-span {
    color: #595959;
    font-family: HarmonyOS Sans SC;
    font-weight: regular;
    font-size: 14px;
    line-height: 32px;
    letter-spacing: 0px;
    text-align: left;
  }
  .devui-form__label--start {
    text-align: right;
  }
  .devui-form__item--horizontal {
    margin-bottom: 0;
  }
  .jyh-form-operation {
    margin-left: 20px !important;
  }
  .devui-form__label-help {
    width: 14px !important;
    height: 14px !important;
  }
}

.jyh-table {
  .devui-table__cell {
    color: #191919;
    font-family: HarmonyOS Sans SC;
    font-weight: regular;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
  }

  .devui-table__cell a {
    cursor: pointer;
    color: #0A59F7;
    font-family: HarmonyOS Sans SC;
    font-weight: regular;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
  }
  .devui-table__row td {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .header-container {
    .filter-icon {
      flex: 0;
      margin-left: 8px;
    }
    .devui-table__sort-clickable {
      flex: 0;
      height: 16px;
    }
  }
}

.jyh-table-2 {
  .devui-table__tbody tr {
    border-bottom: 1px solid #e5e7eb;
  }
}

.jyh-tabs {
  .devui-tabs__nav {
    border-bottom: 0;
  }

  .devui-tabs__nav--wrapped>li.active {
    border-radius: 4px 4px 0px 0px;
    background: #F3F3F3;

    .devui-tabs__nav-content {
      a {
        color: #191919;
        font-family: HarmonyOS Sans SC;
        font-weight: medium;
        font-size: 14px;
        line-height: 22px;
        letter-spacing: 0px;
        text-align: left;
      }
    }
  }
  .devui-tab__content {
    //background: #F3F3F3;
    margin-top: 0;
  }
  .devui-tabs__nav-content {
    a {
      color: #808080;
      font-family: HarmonyOS Sans SC;
      font-weight: regular;
      font-size: 14px;
      line-height: 22px;
      letter-spacing: 0px;
      text-align: left;
    }
  }
}

.jyh-tabs-2 {
  .devui-tab__content {
    padding: 0;
  }
}

.jyh-tabs-3 {
  .devui-tabs__nav {
    background: transparent;

    li {
      //background: #F3F3F3;
      background: transparent;
    }

    .active {
      //background: #ffffff !important;
    }
  }
}
.jyh-tabs-4 {
  .devui-tabs__nav {
    background: transparent;

    li {
      background: transparent;
      padding: 8px 0;
      margin-right: 24px;
    }

    .active {
      background: transparent !important;
      border: 0px !important;
      border-bottom: 2px solid black  !important;
    }
  }
}

.jyh-checkbox-group {
  div {
    margin-top: 0;
  }
  .devui-checkbox label {
    color: #191919;
    font-family: HarmonyOS Sans SC;
    font-weight: regular;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;

  }
}

.devui-dropdown-menu-multiple {
  .devui-select__multiple {
    .devui-tag {
      .devui-tag--default {
        display: flex;
        border-radius: 4px;
        background: #1919190C;
        padding: 0 4px;
        font-size: 12px;
        line-height: 20px;
        height: 20px;
      }
      .remove-button {
        margin-left: 8px;
        position: relative;
      }
    }
  }
  .devui-select__clearable {
    .devui-select__multiple--input {
      width: 1px;
      min-width: 1px;
    }
  }
}

.jyh-select-multiple {

}

.split {
  display: inline-block;
  margin: 0 12px;
  width: 1px;
  height: 100%;
  background-color: #3c3f41;
}

.fr {
  flex: 1;
  text-align: right;
}

.width-70 {
  display: inline-block;
  width: 90px;
}

.width-90 {
  display: inline-block;
  width: 90px;
}
.width-110 {
  display: inline-block;
  width: 110px;
}.width-140 {
  display: inline-block;
  width: 140px;
}.width-160 {
  display: inline-block;
  width: 160px;
}

.jyh-card {
  padding: 16px 20px;
  .card-title {
    color: #252B3A;
    font-family: HarmonyOS Sans SC;
    font-weight: bold;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
    margin-bottom: 16px;
  }

  .card-key {
    color: #595959;
    font-family: HarmonyOS Sans SC;
    font-weight: regular;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
  }
  .card-val {
    color: #191919;
    font-family: HarmonyOS Sans;
    font-weight: regular;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
  }
  .card-url {
    color: #5E7CE0;
    font-family: HarmonyOS Sans;
    font-weight: regular;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
  }
}

.devui-status:before {
  margin-right: 12px;
}

.yellow-status:before {
  background-color: #FAC20A !important;
}

.devui-modal__header {
  //padding: 14px 24px;
  height: auto!important;
}