Edge-host-maintenance/src/app/system-management/analysis-of-the-host/analysis-of-the-host.component.scss

.bigbox {
  width: 100%;
  height: 100%;
  display: flex;
  background: #fff;
  box-sizing: border-box;
  padding: 20px;
  font-size: 15px;
}


.orbox {
  width: 375px;
  height: 100%;
  overflow-y: auto;

  display: flex;
  flex-direction: column;
}

.topbox {
  width: 100%;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: space-between;

  .lefttop {
    span {
      color: #000D21;
      margin-right: 16px;
    }

    .yellowspan {
      color: rgb(240, 176, 37);
    }
  }

  .righttop {
    height: 36px;
    display: flex;

    button {
      margin-left: 16px;
    }

    nz-input-group {
      height: 32px;
    }
  }
}

.treeTitle {
  width: 100%;
  height: 36px;
  line-height: 36px;
  display: flex;
  justify-content: space-between;
  color: #000D21;
  box-sizing: border-box;
  padding-left: 30px;
  padding-right: 180px;
  background: rgba(145, 204, 255, 0.2);
  border: 1px solid rgba(145, 204, 255, 0.2);
}

.treebox {
  flex: 1;
  overflow-y: auto;
  border: 1px solid rgba(145, 204, 255, 0.2);
  border-top: 0px;
  box-sizing: border-box;
  padding: 10px 6px;

  tr {

    th,
    td {
      text-align: center !important;
    }
  }
}

.nodebox {
  font-size: 15px;
}

.hostListbox {
  flex: 1;
  margin-left: 26px;
  overflow-y: auto;
}

.tablebox {
  margin-top: 16px;
}