@xrenders/xflow/lib/components/PanelContainer/index.css

一款功能强大、易用灵活的流程编辑器框架，帮助你轻松构建复杂的工作流和流程产品

.custom-node-panel .ant-drawer-content-wrapper {
  top: 54px;
  bottom: 14px;
  right: 12px;
  border-radius: 20px;
  height: auto;
  box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
}
.custom-node-panel .ant-drawer-content-wrapper .ant-drawer-header-title,
.custom-node-panel .ant-drawer-content-wrapper .ant-drawer-title {
  width: 100%;
}
.custom-node-panel .ant-drawer-content-wrapper .ant-drawer-header-title .title-box > div:first-child,
.custom-node-panel .ant-drawer-content-wrapper .ant-drawer-title .title-box > div:first-child {
  max-width: 85%;
}
.custom-node-panel .ant-drawer-close {
  display: none;
}
.custom-node-panel .ant-drawer-header {
  padding: 16px 16px 0 16px;
  border-bottom: none;
}
.custom-node-panel .ant-drawer-content {
  border-radius: 20px;
}
.custom-node-panel .ant-drawer-body {
  padding: 12px 16px;
}
.custom-node-panel .title-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.custom-node-panel .title-box .ant-input {
  border: none;
  font-weight: 600;
  background: none;
}
.custom-node-panel .title-box .ant-input:focus {
  border-color: #40a9ff;
}
.custom-node-panel .title-box .ant-input-outlined:focus {
  border-color: #3b82f6;
}
.custom-node-panel .icon-box {
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px;
}
.custom-node-panel .title-actions {
  display: flex;
  align-items: center;
  margin-left: 24px;
}
.custom-node-panel .desc-box {
  font-size: 12px;
  line-height: 32px;
  font-weight: normal;
}
.custom-node-panel .desc-box .ant-input-outlined {
  border-color: #fff;
}
.custom-node-panel .desc-box textarea {
  margin-top: 12px;
}
.custom-node-panel .desc-box .readOnly-desc {
  line-height: 20px;
  color: #676f83;
  font-size: 12px;
  margin-top: 10px;
}
.custom-node-panel .ant-input-outlined:focus-within {
  border-color: #3b82f6 !important;
}
.custom-node-panel .fr-table-cell-content .ant-col {
  padding: 0 !important;
}
.custom-node-panel .ant-collapse-content-box {
  padding: 0 !important;
}
.custom-node-panel .item-collapse {
  border: none;
  background-color: #fff;
}
.custom-node-panel .item-collapse .ant-collapse-header {
  background: none;
  padding: 6px 0;
}
.custom-node-panel .item-collapse .ant-collapse-item {
  border: none !important;
  padding: 0;
}
.custom-node-panel .item-collapse .ant-collapse-content {
  border: none;
}
.custom-node-panel .ant-collapse-header-text {
  color: #354052;
  font-weight: 600;
}
.custom-node-panel .ant-table-thead > tr > th {
  font-size: 12px;
  font-weight: normal;
}
.custom-node-panel .ant-table-tbody > tr > td {
  padding: 4px !important;
}
.custom-node-panel .fr-table-list .ant-btn {
  font-size: 12px;
}