mathieu/planning-fight
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Enhance save and cancel buttons with icons, tooltips, and improved styling;

Browse source
This commit is contained in:
Mathieu 2025-11-20 11:30:15 +01:00
parent fd627890f2
commit e5733a5704
2 changed files with 11 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
app/page.tsx
View file

@ -324,15 +324,21 @@ export default function Home() {
<div className="flex gap-2 justify-end"> <div className="flex gap-2 justify-end">
<button <button
onClick={() => saveEditing(worker.id)} onClick={() => saveEditing(worker.id)}
className="text-green-600 hover:text-green-900 transition-colors" className="p-2 text-green-600 hover:text-green-900 hover:bg-green-50 rounded transition-colors"
title="Save"
> >
Save <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth={1.5} stroke="currentColor" className="w-5 h-5">
<path strokeLinecap="round" strokeLinejoin="round" d="m4.5 12.75 6 6 9-13.5" />
</svg>
</button> </button>
<button <button
onClick={cancelEditing} onClick={cancelEditing}
className="text-gray-600 hover:text-gray-900 transition-colors" className="p-2 text-gray-600 hover:text-gray-900 hover:bg-gray-50 rounded transition-colors"
title="Cancel"
> >
Cancel <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth={1.5} stroke="currentColor" className="w-5 h-5">
<path strokeLinecap="round" strokeLinejoin="round" d="M6 18 18 6M6 6l12 12" />
</svg>
</button> </button>
</div> </div>
) : ( ) : (

2
package.json
View file

@ -24,5 +24,5 @@
"tailwindcss": "^3.4.0", "tailwindcss": "^3.4.0",
"typescript": "^5.0.0" "typescript": "^5.0.0"
}, },
"packageManager": "yarn@4.9.4+sha512.7b1cb0b62abba6a537b3a2ce00811a843bea02bcf53138581a6ae5b1bf563f734872bd47de49ce32a9ca9dcaff995aa789577ffb16811da7c603dcf69e73750b" "packageManager": "yarn@4.11.0"
} }