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

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

.custom-node-container {
  width: 240px;
  padding: 13px 12px 5px 12px;
  background: #fff;
  border-radius: 12px;
}
.custom-node-container .node-title {
  display: flex;
  height: 24px;
  margin-bottom: 8px;
  align-items: center;
  font-size: 13px;
  color: #1D2939;
}
.custom-node-container .node-title span {
  font-weight: bold;
}
.custom-node-container .node-desc {
  color: #676f83;
  font-size: 12px;
  margin-top: 10px;
  max-width: 100%;
}
.custom-node-container .icon-box {
  width: 24px;
  height: 24px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.custom-node-container .node-widget {
  width: 100%;
}
.xflow-node-title-menu-tooltip {
  width: 200px;
}
.xflow-node-title-menu-tooltip .header-wrap {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.xflow-node-title-menu-tooltip .title {
  color: #101828;
  display: inline-flex;
}
.xflow-node-title-menu-tooltip .description {
  font-size: 12px;
  font-weight: normal;
  color: #101828;
  margin-top: 3px;
}
.xflow-node-title-menu-tooltip .icon-box-max {
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.switch-node-code-bottom {
  min-width: 240px;
  width: min-content;
}