diff options
| author | Sam Nystrom <sam@samnystrom.dev> | 2024-03-13 05:14:56 +0000 |
|---|---|---|
| committer | Sam Nystrom <sam@samnystrom.dev> | 2024-03-13 20:17:07 -0400 |
| commit | 2e39671e683f2fdf5a94dafe8d49c4c5befa38c8 (patch) | |
| tree | e1bb7448c1105834b2f59c816b3240c98f869399 /src/NodeEditor.tsx | |
| parent | 5374566f2c3fd345ee25ee7896dfbb3156bd2cfd (diff) | |
refactor: finish removing CSS modules
Diffstat (limited to 'src/NodeEditor.tsx')
| -rw-r--r-- | src/NodeEditor.tsx | 12 |
1 files changed, 4 insertions, 8 deletions
diff --git a/src/NodeEditor.tsx b/src/NodeEditor.tsx index 0c0f106..fcfee2d 100644 --- a/src/NodeEditor.tsx +++ b/src/NodeEditor.tsx @@ -5,7 +5,7 @@ import { nodeRegistry } from './nodes'; import { SocketHandlers, SocketHandler, NodeInfo } from './node.tsx'; import { InputSocket } from './dataflow.ts'; import { Toolbar } from './Toolbar.tsx'; -import styles from './NodeEditor.module.css'; +import './NodeEditor.css'; export const nodeFactory = () => { let nextNodeId = 0; @@ -234,11 +234,8 @@ const NodeEditor = ({ user, project }) => { }; return ( - <> - <header> - <Toolbar nodes={nodeRegistry} onNodeAdded={onNodeAdded} /> - </header> - <main> + <div class="__NodeEditor"> + <Toolbar nodes={nodeRegistry} onNodeAdded={onNodeAdded} /> <svg width="100vw" height="100vh" ref={svgRef} onMouseDown={onBgMouseDown} onWheel={onBgWheel}> <pattern id="bg-grid-major" @@ -266,8 +263,7 @@ const NodeEditor = ({ user, project }) => { </SocketHandlers.Provider> </g> </svg> - </main> - </> + </div> ); }; |