schedule-node.css 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. /* Schedule 定时节点样式 */
  2. .Blueprint-schedule-node {
  3. position: absolute;
  4. min-width: 180px;
  5. width: fit-content;
  6. background: #2d2d30;
  7. border: 2px solid #ff5722;
  8. border-radius: 4px;
  9. box-shadow: 0 0 8px rgba(255, 87, 34, 0.4), 0 2px 8px rgba(0, 0, 0, 0.3);
  10. user-select: none;
  11. cursor: move;
  12. overflow: visible;
  13. display: flex;
  14. flex-direction: column;
  15. align-items: stretch;
  16. }
  17. .Blueprint-schedule-node.selected {
  18. border-color: #ffa500;
  19. box-shadow: 0 0 0 2px rgba(255, 165, 0, 0.3), 0 0 8px rgba(255, 87, 34, 0.4);
  20. }
  21. .Blueprint-schedule-node-header {
  22. background: linear-gradient(135deg, #ff5722 0%, #e64a19 100%);
  23. color: #fff;
  24. padding: 12px 16px;
  25. font-size: 13px;
  26. font-weight: 600;
  27. text-align: center;
  28. border-radius: 2px 2px 0 0;
  29. letter-spacing: 1px;
  30. }
  31. .Blueprint-schedule-node-body {
  32. padding: 12px 16px;
  33. display: flex;
  34. align-items: center;
  35. justify-content: center;
  36. }
  37. .Blueprint-schedule-node-info {
  38. display: flex;
  39. align-items: center;
  40. gap: 8px;
  41. }
  42. .Blueprint-schedule-node-icon {
  43. font-size: 18px;
  44. }
  45. .Blueprint-schedule-node-text {
  46. font-size: 12px;
  47. color: #999;
  48. }
  49. .Blueprint-schedule-node-execution {
  50. height: 40px;
  51. display: flex;
  52. flex-direction: row;
  53. justify-content: flex-end;
  54. align-items: center;
  55. position: relative;
  56. overflow: visible;
  57. padding: 0 8px;
  58. }