DataRoom/data-room-ui/packages/assets/style/settingWrap.scss

.select-item-wrap {
  padding: 8px;

  .filter-select-item {
    box-sizing: border-box;

    div {
      display: inline-block;
    }

    .filter-item-input-wrap {
      width: 146px;
      margin-right: 4px;
    }

    .field-choose-item {
      width: 119px !important;
    }

    .filter-item-input-value {
      width: 268px;
    }

    .filter-delete {
      width: 28px !important;
    }
  }
}
.bs-setting-wrap {
  position: relative;
  height: 100%;
  background-color: var(--bs-background-2);

  ::v-deep .el-collapse {
    border: none !important;
  }
  ::v-deep .el-collapse-item__wrap {
    border: none !important;
  }
  /*overflow-y: auto;*/
  .table-header {
    border-bottom: 2px solid var(--bs-el-color-primary);
  }
  ::v-deep .el-form-item {
    margin-bottom: 6px;
  }
  .toolbar {
    width: 320px;
    height: 50px;
    bottom: 0;
    z-index: 10;
    position: fixed;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bs-background-1);

    .el-button {
      margin-right: 10px;
    }
  }
  ::v-deep .CodeMirror {
    height: 150px !important;
  }
  ::v-deep .CodeMirror-scroll {
    height: 150px !important;
  }
}
::v-deep .el-tabs__nav-scroll {
  display: flex;
  justify-content: center;
}

::v-deep .el-tabs__nav-wrap::after {
  height: 0;
}

::v-deep .el-collapse-item__header {
  background: var(--bs-background-2);
  height: 32px;
  padding: 0 12px;
  border: none;
}

::v-deep .el-collapse-item__content {
  padding-bottom: 0;
}

::v-deep .lc-field-title {
  color: var(--bs-el-title);
}

.lc-field-body {
  padding: 12px;
  background: var(--bs-background-2);

  input,
  textarea {
    background-color: var(--bs-el-background-1) !important;
    color: var(--bs-el-text) !important;
    border-color: var(--bs-el-text) !important;
  }
}
.data-form-item {
  padding: 4px 12px;
}

::v-deep .select-item {
  border: none;
  color: var(--bs-el-title);
}

::v-deep .el-tabs__nav-scroll {
  display: flex;
  justify-content: center;
}

::v-deep .el-tabs__nav-wrap::after {
  height: 0;
}

.design-tab-warp {
  padding: 10px;
}
::v-deep .el-tabs--top {
  height: 100%;
}
::v-deep .el-tabs__content {
  height: calc(100% - 40px);
  overflow-y: auto;

  &::-webkit-scrollbar {
    width: 6px !important;
    height: 6px !important;
  }
  &::-webkit-scrollbar-thumb {
    border-radius: 6px !important;
    background-color: transparent !important;
  }
  &::-webkit-scrollbar-track {
    border-radius: 6px !important;
  }
  &:hover {
    &::-webkit-scrollbar-thumb {
      background-color: #494848 !important;
    }
  }
}
::v-deep .el-tabs__header {
  margin: 0;
}

::v-deep .el-form-item__label {
  font-size: 12px;
}

.setting-body {
  height: 100%;
}
.el-icon-circle-plus-outline {
  &:hover {
    cursor: pointer;
  }
}
.analysisSql-box {
  text-align: right;
}

.add-link-btn {
  width: 100%;
}

// 筛选条件的按钮样式
.add-filter-box {
  position: relative;
  .add-filter {
    margin-left: 80px;
    margin-bottom: 10px;
  }
  .add-filter-btn {
    position: absolute;
    top: 0;
  }
}
.source-key-option {
  display: flex;
  justify-content: space-between;
  .option-txt {
    color: rgb(132, 146, 166);
  }
}
/*滚动条样式*/
::v-deep ::-webkit-scrollbar {
  width: 6px;
  border-radius: 3px;
  height: 6px;
}
::v-deep ::-webkit-scrollbar-thumb {
  background: #dddddd !important;
  border-radius: 10px;
}

// 参数配置
.params-config {
  ::v-deep .el-form-item__content {
    display: flex;
    align-items: center;
    margin-left: 0 !important;
  }
  .el-tooltip {
    margin-left: 4px;
  }
}
::v-deep .el-form-item__label,
::v-deep .el-tabs__item,
::v-deep .el-collapse-item__arrow {
  color: var(--bs-el-title) !important;
}
::v-deep .el-collapse-item__wrap {
  background: var(--bs-background-1);
  color: var(--bs-el-title);
}

::v-deep .el-input__inner,
::v-deep .el-color-picker__color-inner,
::v-deep .el-input-number--mini,
::v-deep .el-textarea__inner,
::v-deep .el-input-group__append {
  background: var(--bs-el-background-1);
  color: var(--bs-el-text);
  border: 0 !important;
}

::v-deep .el-radio__label {
  font-size: 12px;
  background: var(--bs-el-background-1-1);
  color: var(--bs-el-title);
  border: 0 !important;
}

::v-deep .el-radio {
  margin-right: 10px;
}

// 表格边框

::v-deep .el-table {
  background: var(--bs-el-background-1);
  // 底部
  border-bottom: 0 solid var(--bs-el-border);
}

::v-deep .el-table__cell {
  background: var(--bs-el-background-1) !important;
  color: var(--bs-el-title) !important;
  // 中间边框
  border-width: 2px;
  border-color: var(--bs-background-2) !important;
}
.el-table--group::after, .el-table--border::after, .el-table::before {
  // 右侧、底部边框
  background-color: var(--bs-el-border);
}

.el-table--group, .el-table--border {
  border: var(--bs-el-border);
}

::v-deep .el-select {
  display: inline-block;
  position: relative;
  width: auto;
}