zent/css/transfer.css

一套前端设计语言和基于React的实现

.zent-transfer {
  display: flex;
  align-items: center;
}
.zent-transfer__item {
  width: 240px;
  box-sizing: border-box;
  border: 1px solid;
  border-color: #e0e0e0;
  border-color: var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));
}
.zent-transfer__item--disabled {
  background-color: #f7f7f7;
  background-color: var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));
}
.zent-transfer__item__allCheckbox {
  border-bottom: 1px solid;
  border-color: #e0e0e0;
  border-color: var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));
  padding: 6px 0 6px 12px;
  display: flex;
}
.zent-transfer__item__search {
  padding: 8px 12px;
  background-color: #fff;
  background-color: var(--theme-section-bg, var(--theme-stroke-9, #fff));
}
.zent-transfer__item__grid {
  height: 240px;
}
.zent-transfer__item__grid__row {
  height: inherit;
}
.zent-transfer__item__grid__row .zent-grid-td {
  border: 0;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 16px;
}
.zent-transfer__item__grid__row--disabled {
  cursor: not-allowed;
  background-color: #f7f7f7;
  background-color: var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));
}
.zent-transfer__item__grid .zent-grid-empty {
  line-height: 240px;
  border: 0;
}
.zent-transfer__item__pagination {
  margin: 10px 0;
}
.zent-transfer__item__header--hidden .zent-grid-header {
  display: none;
}
.zent-transfer__arrow {
  padding: 0 16px;
}
.zent-transfer__arrow__item:nth-child(1) {
  padding-bottom: 16px;
}
.zent-transfer__arrow__button {
  position: relative;
}
.zent-transfer__arrow__button .zenticon:last-child {
  margin: 0;
}
.zent-transfer__arrow__icon {
  stroke: #fff;
  stroke: var(--theme-section-bg, var(--theme-stroke-9, #fff));
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 20px;
}
.zent-transfer__arrow__icon--disabled {
  stroke: #ccc;
  stroke: var(--theme-disabled-color, var(--theme-stroke-4, #ccc));
}