dvirlabs/labmap
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Style buttons

Browse Source
This commit is contained in:
dvirlabs 2025-07-11 18:44:10 +03:00
parent 85e86798fc
commit cd96cbf15d
1 changed files with 29 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
frontend/src/components/Diagram.jsx
View File

@ -240,11 +240,35 @@ function Diagram() {
> >
🆕 New Diagram 🆕 New Diagram
</button> </button>
<button onClick={handleSave} className="btn" style={{ marginLeft: 8 }}>💾 Save</button> <button onClick={handleSave} className="btn" style={{ marginLeft: 8, background: 'green' }}>💾 Save</button>
<button onClick={handleAddNode} className="btn" style={{ marginLeft: 8 }}>➕ Add Node</button> <button onClick={handleAddNode} className="btn" style={{ marginLeft: 8, background: 'blue' }}>➕ Add Node</button>
<button onClick={handleDeleteNode} className="btn" style={{ marginLeft: 8 }} disabled={!selectedNode}>🗑️ Delete Node</button> <button
<button onClick={handleDeleteEdge} className="btn" style={{ marginLeft: 8 }} disabled={!selectedEdge}>🗑️ Delete Edge</button> onClick={handleDeleteNode}
<button onClick={handleDeleteDiagram} className="btn" style={{ marginLeft: 8 }}>🗑️ Delete Diagram</button> className="btn"
style={{
marginLeft: 8,
background: selectedNode ? '#b81a1a' : '#ccc',
color: selectedNode ? 'white' : '#666',
cursor: selectedNode ? 'pointer' : 'not-allowed',
}}
disabled={!selectedNode}
>
🗑️ Delete Node
</button>
<button
onClick={handleDeleteEdge}
className="btn"
style={{
marginLeft: 8,
background: selectedNode ? '#b81a1a' : '#ccc',
color: selectedNode ? 'white' : '#666',
cursor: selectedNode ? 'pointer' : 'not-allowed',
}}
disabled={!selectedEdge}
>
🗑️ Delete Edge
</button>
<button onClick={handleDeleteDiagram} className="btn" style={{ marginLeft: 8, background: 'red' }}>🗑️ Delete Diagram</button>
</div> </div>
{showForm && ( {showForm && (