zarm-web/es/panel/style/index.css

基于 React 的桌面端UI库

/* border */
/* box shadow */
/* btn */
.ui-panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  line-height: normal;
  /* panel themes */
}
.ui-panel.theme-default {
  border-color: #d9d9d9;
}
.ui-panel.theme-default .ui-panel-header {
  border-color: #d9d9d9;
  color: rgba(0, 0, 0, 0.65);
}
.ui-panel.theme-info {
  border-color: #12c287;
}
.ui-panel.theme-info .ui-panel-header {
  border-color: #12c287;
  color: #fff;
}
.ui-panel.theme-success {
  border-color: #69c964;
}
.ui-panel.theme-success .ui-panel-header {
  border-color: #69c964;
  color: #fff;
}
.ui-panel.theme-warning {
  border-color: #eca632;
}
.ui-panel.theme-warning .ui-panel-header {
  border-color: #eca632;
  color: #fff;
}
.ui-panel.theme-error {
  border-color: #e55546;
}
.ui-panel.theme-error .ui-panel-header {
  border-color: #e55546;
  color: #fff;
}
.ui-panel.radius {
  border-radius: 4px;
}

.ui-panel-header,
.ui-panel-footer {
  position: relative;
  height: 50px;
  line-height: 49px;
  padding: 0 15px;
}

.ui-panel-header {
  border-bottom: 1px solid #e9e9e9;
}

.ui-panel-footer {
  border-top: 1px solid #e9e9e9;
}

.ui-panel-body {
  padding: 15px;
}

.ui-panel-title {
  font-size: 14px;
}

.ui-panel-more {
  position: absolute;
  top: 0;
  right: 15px;
}