Spaces:
Sleeping
Sleeping
| @tailwind base; | |
| @tailwind components; | |
| @tailwind utilities; | |
| html, body, #root { | |
| height: 100%; | |
| margin: 0; | |
| overflow: hidden; | |
| } | |
| /* React Flow Node Styling */ | |
| .react-flow__node { | |
| font-size: 12px; | |
| background: #fff; | |
| border: 1px solid #e2e8f0; | |
| border-radius: 8px; | |
| padding: 10px; | |
| text-align: center; | |
| box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); | |
| transition: all 0.2s; | |
| } | |
| .react-flow__node:hover { | |
| border-color: #3b82f6; | |
| box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1); | |
| } | |
| .react-flow__node-input { | |
| border-color: #10b981; | |
| background-color: #f0fdf4; | |
| } | |
| .react-flow__node-output { | |
| border-color: #ef4444; | |
| background-color: #fef2f2; | |
| } | |
| .react-flow__node-default { | |
| border-color: #3b82f6; | |
| background-color: #eff6ff; | |
| } | |
| .react-flow__edge-path { | |
| stroke: #94a3b8; | |
| stroke-width: 2; | |
| } | |
| .react-flow__edge.animated .react-flow__edge-path { | |
| stroke: #3b82f6; | |
| } | |
| .react-flow__controls { | |
| box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1); | |
| border-radius: 8px; | |
| overflow: hidden; | |
| border: none; | |
| } | |
| .react-flow__controls-button { | |
| border-bottom: 1px solid #f1f5f9; | |
| background: #fff; | |
| } | |
| .react-flow__minimap { | |
| border-radius: 12px; | |
| overflow: hidden; | |
| box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1); | |
| border: 1px solid #e2e8f0; | |
| } | |