Spaces:
Sleeping
Sleeping
MAO
commited on
Commit
·
1e7f25c
1
Parent(s):
7072bc0
UI Update: Remove Template link and reposition Delete button
Browse files- src/App.jsx +2 -9
src/App.jsx
CHANGED
|
@@ -484,14 +484,7 @@ export default function App() {
|
|
| 484 |
</div>
|
| 485 |
|
| 486 |
<div className="flex items-center space-x-3">
|
| 487 |
-
|
| 488 |
-
href="./drawingPaperTemplate.html"
|
| 489 |
-
target="_blank"
|
| 490 |
-
rel="noopener noreferrer"
|
| 491 |
-
className="flex items-center gap-2 px-3 py-1.5 bg-purple-600 hover:bg-purple-500 rounded text-xs font-medium transition-all text-white no-underline"
|
| 492 |
-
>
|
| 493 |
-
Template
|
| 494 |
-
</a>
|
| 495 |
<div className="flex space-x-2">
|
| 496 |
<label className="flex items-center gap-2 px-3 py-1.5 bg-gray-700 hover:bg-gray-600 rounded cursor-pointer text-xs transition-colors border border-gray-600">
|
| 497 |
<Upload size={14} /> <span>Image A</span>
|
|
@@ -504,6 +497,7 @@ export default function App() {
|
|
| 504 |
</div>
|
| 505 |
<div className="w-px h-6 bg-gray-700 mx-1"></div>
|
| 506 |
<button onClick={addRegion} className="flex items-center gap-2 px-3 py-1.5 bg-blue-600 hover:bg-blue-500 rounded text-xs font-medium transition-all"><Plus size={14} /> New Region</button>
|
|
|
|
| 507 |
|
| 508 |
<div className="flex space-x-2">
|
| 509 |
<label className="flex items-center gap-2 px-3 py-1.5 bg-gray-700 hover:bg-gray-600 rounded cursor-pointer text-xs transition-colors">
|
|
@@ -513,7 +507,6 @@ export default function App() {
|
|
| 513 |
<button onClick={exportJson} className="flex items-center gap-2 px-3 py-1.5 bg-gray-700 hover:bg-gray-600 rounded text-xs transition-colors"><Save size={14} /> Export JSON</button>
|
| 514 |
</div>
|
| 515 |
|
| 516 |
-
{selectedRegionId && <button onClick={() => deleteRegion(selectedRegionId)} className="flex items-center gap-2 px-3 py-1.5 bg-red-900/30 text-red-300 hover:bg-red-900/50 rounded border border-red-800/40 text-xs transition-colors"><Trash2 size={14} /> Delete</button>}
|
| 517 |
|
| 518 |
<div className="w-px h-6 bg-gray-700 mx-1"></div>
|
| 519 |
|
|
|
|
| 484 |
</div>
|
| 485 |
|
| 486 |
<div className="flex items-center space-x-3">
|
| 487 |
+
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 488 |
<div className="flex space-x-2">
|
| 489 |
<label className="flex items-center gap-2 px-3 py-1.5 bg-gray-700 hover:bg-gray-600 rounded cursor-pointer text-xs transition-colors border border-gray-600">
|
| 490 |
<Upload size={14} /> <span>Image A</span>
|
|
|
|
| 497 |
</div>
|
| 498 |
<div className="w-px h-6 bg-gray-700 mx-1"></div>
|
| 499 |
<button onClick={addRegion} className="flex items-center gap-2 px-3 py-1.5 bg-blue-600 hover:bg-blue-500 rounded text-xs font-medium transition-all"><Plus size={14} /> New Region</button>
|
| 500 |
+
{selectedRegionId && <button onClick={() => deleteRegion(selectedRegionId)} className="flex items-center gap-2 px-3 py-1.5 bg-red-900/30 text-red-300 hover:bg-red-900/50 rounded border border-red-800/40 text-xs transition-colors"><Trash2 size={14} /> Delete</button>}
|
| 501 |
|
| 502 |
<div className="flex space-x-2">
|
| 503 |
<label className="flex items-center gap-2 px-3 py-1.5 bg-gray-700 hover:bg-gray-600 rounded cursor-pointer text-xs transition-colors">
|
|
|
|
| 507 |
<button onClick={exportJson} className="flex items-center gap-2 px-3 py-1.5 bg-gray-700 hover:bg-gray-600 rounded text-xs transition-colors"><Save size={14} /> Export JSON</button>
|
| 508 |
</div>
|
| 509 |
|
|
|
|
| 510 |
|
| 511 |
<div className="w-px h-6 bg-gray-700 mx-1"></div>
|
| 512 |
|