super-ui-plus/theme-chalk/proTable.css

Page level components developed based on Element Plus.

@charset "UTF-8";
/* proTable */
.super-table-box,
.super-table-main {
  display: flex;
  flex: 1;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.super-table-box .super-table-header .super-table-header-button-lf,
.super-table-box .super-table-header .super-table-header-button-ri,
.super-table-main .super-table-header .super-table-header-button-lf,
.super-table-main .super-table-header .super-table-header-button-ri {
  display: flex;
  flex-wrap: wrap;
  gap: 15px 12px;
  margin-bottom: 15px;
}
.super-table-box .super-table-header .super-table-header-button-lf .el-button:not(.el-input .el-button),
.super-table-box .super-table-header .super-table-header-button-ri .el-button:not(.el-input .el-button),
.super-table-main .super-table-header .super-table-header-button-lf .el-button:not(.el-input .el-button),
.super-table-main .super-table-header .super-table-header-button-ri .el-button:not(.el-input .el-button) {
  margin-left: 0;
}
.super-table-box .super-table-header .super-table-header-button-lf,
.super-table-main .super-table-header .super-table-header-button-lf {
  float: left;
}
.super-table-box .super-table-header .super-table-header-button-ri,
.super-table-main .super-table-header .super-table-header-button-ri {
  float: right;
}
.super-table-box .el-table,
.super-table-main .el-table {
  flex: 1;
}
.super-table-box .el-table table,
.super-table-main .el-table table {
  width: 100%;
}
.super-table-box .el-table .el-table__header th,
.super-table-main .el-table .el-table__header th {
  height: 45px;
  font-size: 15px;
  font-weight: bold;
  color: var(--el-text-color-primary);
  background: var(--el-fill-color-light);
}
.super-table-box .el-table .el-table__row,
.super-table-main .el-table .el-table__row {
  height: 45px;
  font-size: 14px;
}
.super-table-box .el-table .el-table__row .move,
.super-table-main .el-table .el-table__row .move {
  cursor: move;
}
.super-table-box .el-table .el-table__row .move .el-icon,
.super-table-main .el-table .el-table__row .move .el-icon {
  cursor: move;
}
.super-table-box .el-table .el-table__header .el-table__cell > .cell,
.super-table-main .el-table .el-table__header .el-table__cell > .cell {
  white-space: wrap;
}
.super-table-box .el-table .el-table__empty-block,
.super-table-main .el-table .el-table__empty-block {
  position: absolute;
}
.super-table-box .el-table .el-table__empty-block .table-empty,
.super-table-main .el-table .el-table__empty-block .table-empty {
  line-height: 30px;
}
.super-table-box .el-table .el-table__empty-block .table-empty img,
.super-table-main .el-table .el-table__empty-block .table-empty img {
  display: inline-flex;
}
.super-table-box .el-table .table-image,
.super-table-main .el-table .table-image {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
.super-table-box .el-pagination,
.super-table-main .el-pagination {
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
}

/* el-table 组件大小 */
.el-table--small .el-table__header th {
  height: 40px !important;
  font-size: 14px !important;
}
.el-table--small .el-table__row {
  height: 40px !important;
  font-size: 13px !important;
}

.el-table--large .el-table__header th {
  height: 50px !important;
  font-size: 16px !important;
}
.el-table--large .el-table__row {
  height: 50px !important;
  font-size: 15px !important;
}