refactor: harmonisation style admin avec app principale et suppression emojis

Changements de style :
- Utilisation des variables CSS globales (--color-*, --spacing-*)
- Cohérence visuelle avec App.css et index.css
- Suppression emojis du header et boutons (🎛️ ⚠️ ✏️ 🗑️ ✕)
- Remplacement par texte simple ou symboles HTML (×)
- Boutons 'Modifier' et 'Supprimer' au lieu d'icônes

Design system unifié :
- Couleurs : var(--color-primary, --color-surface, etc.)
- Espacements : var(--spacing-xs à --spacing-xl)
- Typographie et transitions cohérentes
- Border radius, padding, hover states alignés

Interface plus professionnelle et accessible sans dépendance externe.
This commit is contained in:
2026-05-24 22:25:39 +02:00
parent 8b05946632
commit 2bd0c27a71
2 changed files with 303 additions and 220 deletions
+6 -6
View File
@@ -232,8 +232,8 @@ function Admin() {
return (
<div className="admin-container">
<header className="admin-header">
<h1>🎛 PTT Live - Administration</h1>
<a href="/" className="btn-back"> Retour client</a>
<h1>PTT Live - Administration</h1>
<a href="/" className="btn-back"> Retour</a>
</header>
<nav className="admin-tabs">
@@ -266,7 +266,7 @@ function Admin() {
<main className="admin-content">
{error && (
<div className="admin-error">
{error}
{error}
</div>
)}
@@ -343,7 +343,7 @@ function Admin() {
min="0"
/>
<button type="button" onClick={() => removeChannel(index)} className="btn-danger">
×
</button>
</div>
))}
@@ -368,10 +368,10 @@ function Admin() {
<h3>{group.name}</h3>
<div className="group-actions">
<button onClick={() => startEditGroup(group)} className="btn-edit">
Modifier
</button>
<button onClick={() => handleDeleteGroup(group.id)} className="btn-delete">
🗑
Supprimer
</button>
</div>
</div>