@ant-design/pro-flow/es/BasicNode/styles.js

A React based Flow components

import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
import { createStyles } from 'antd-style';
export var useStyles = createStyles(function (_ref) {
  var css = _ref.css,
    cx = _ref.cx,
    prefixCls = _ref.prefixCls;
  return {
    nodeWrap: cx("".concat(prefixCls, "-xx"), css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      display: flex;\n      z-index: 10 !important;\n      position: absolute;\n      border-radius: 8px;\n      padding: 16px 12px;\n      box-sizing: border-box;\n      /* border: 3px solid white; */\n      flex: 1;\n      background: #ffffff;\n      border: 1px solid rgba(255, 255, 255, 0.04);\n      box-shadow: 0 4px 6px -2px rgba(25, 15, 15, 0.05), 0 0 1px 0 rgba(0, 0, 0, 0.08);\n\n      .img {\n        width: 48px;\n        height: 48px;\n      }\n\n      .content {\n        width: 230px;\n        margin-left: 13px;\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n        align-items: flex-start;\n\n        .title {\n          width: 100%;\n          display: flex;\n          flex: 1;\n\n          span {\n            font-size: 16px;\n            color: rgba(0, 0, 0, 85%);\n            line-height: 22px;\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            text-align: left;\n          }\n\n          .dangerLogo {\n            width: 28px;\n            height: 16px;\n            background: #ffeef1;\n            border-radius: 7px;\n            margin-left: 8px;\n            margin-top: 3px;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            img {\n              width: 8px;\n              height: 9px;\n            }\n          }\n        }\n\n        .des {\n          font-size: 14px;\n          color: rgba(0, 0, 0, 45%);\n          line-height: 20px;\n          white-space: nowrap;\n          width: 100%;\n          overflow: hidden;\n          text-overflow: ellipsis;\n          text-align: left;\n        }\n      }\n    "])))),
    nodeSelected: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    box-shadow: 0 0 0 3px #1677ff, 0 1px 4px 1px rgba(0, 0, 0, 8%) !important;\n  "]))),
    nodeSubSelected: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    box-shadow: 0 0 0 1px #1677ff, 0 1px 4px 1px rgba(0, 0, 0, 8%) !important;\n  "]))),
    nodeDanger: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    box-shadow: 0 0 0 3px #f7636e, 0 1px 4px 1px rgba(0, 0, 0, 8%);\n  "]))),
    nodeSubDanger: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    box-shadow: 0 0 0 1px #f7636e, 0 1px 4px 1px rgba(0, 0, 0, 8%) !important;\n  "]))),
    nodeWarning: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    box-shadow: 0 0 0 3px #ef9d3b, 0 1px 4px 1px rgba(0, 0, 0, 8%) !important;\n  "]))),
    nodeSubWarning: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    box-shadow: 0 0 0 1px #ef9d3b, 0 1px 4px 1px rgba(0, 0, 0, 8%) !important;\n  "]))),
    nodeDefault: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral([""]))),
    titleSlotRight: css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    width: 28px;\n    height: 28px;\n    position: absolute;\n    right: 13px;\n    top: 9px;\n  "]))),
    titleSlotLeft: css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n    width: 28px;\n    height: 28px;\n    margin-left: 8px;\n  "]))),
    wrap: css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n    width: 320px;\n    height: 83px;\n    position: relative;\n  "])))
  };
});