chore: Application du design system

This commit is contained in:
Luc SORIGNET
2026-04-05 12:00:34 +02:00
parent f9c0585b30
commit 2ef71f99c3
124 changed files with 1619 additions and 1508 deletions

View File

@ -230,7 +230,7 @@ export default function CompetenciesList({
/>
{/* Zone filtres centrée et plus large */}
<div className="mb-6 flex justify-center">
<div className="w-full max-w-3xl flex flex-col gap-4 p-6 rounded-lg border border-emerald-200 shadow-sm bg-white/80 backdrop-blur-sm">
<div className="w-full max-w-3xl flex flex-col gap-4 p-6 rounded-lg border border-primary/20 shadow-sm bg-white/80 backdrop-blur-sm">
<div className="flex flex-col sm:flex-row sm:items-start gap-8">
{/* Select cycle */}
<div className="flex-1 min-w-[220px]">
@ -285,7 +285,7 @@ export default function CompetenciesList({
className={`px-6 py-2 rounded-md shadow ${
!hasSelection
? 'bg-gray-300 text-gray-500 cursor-not-allowed'
: 'bg-emerald-500 text-white hover:bg-emerald-600'
: 'bg-primary text-white hover:bg-primary'
}`}
onClick={handleSubmit}
primary
@ -295,11 +295,11 @@ export default function CompetenciesList({
</div>
{/* Légende en dessous du bouton, alignée à gauche */}
<div className="flex flex-row items-center gap-4 mb-4">
<span className="flex items-center gap-2 text-emerald-700 font-bold">
<CheckCircle className="w-4 h-4 text-emerald-500" />
<span className="flex items-center gap-2 text-secondary font-bold">
<CheckCircle className="w-4 h-4 text-primary" />
Compétence requise
</span>
<span className="flex items-center gap-2 text-emerald-600 font-semibold">
<span className="flex items-center gap-2 text-primary font-semibold">
Compétence sélectionnée ou créée
</span>
<span className="flex items-center gap-2 text-gray-500">