feat: amélioration UI onglet Audio admin (Phase 2.5)

- Styles CSS professionnels pour configuration audio
- Sections visuelles avec bordures et hover effects
- Indicateurs de sélection pour devices
- Tableau devices amélioré avec styles cohérents
- Layout responsive et centré
- Suppression emojis (respect guidelines)
This commit is contained in:
2026-05-25 09:53:16 +02:00
parent 4a4c3e40ad
commit c1202a63a5
3 changed files with 220 additions and 2 deletions
+12 -2
View File
@@ -476,10 +476,15 @@ function Admin() {
.filter(d => d.maxInputChannels > 0)
.map(device => (
<option key={device.id} value={device.id}>
{device.name} ({device.maxInputChannels} canaux, {device.defaultSampleRate}Hz)
{device.name} - {device.maxInputChannels} canaux - {device.defaultSampleRate}Hz
</option>
))}
</select>
{selectedInputDevice !== null && (
<p style={{marginTop: 'var(--spacing-sm)', color: 'var(--color-text-secondary)', fontSize: '0.85rem'}}>
Device ID {selectedInputDevice} sélectionné
</p>
)}
</div>
<div className="audio-section">
@@ -494,10 +499,15 @@ function Admin() {
.filter(d => d.maxOutputChannels > 0)
.map(device => (
<option key={device.id} value={device.id}>
{device.name} ({device.maxOutputChannels} canaux, {device.defaultSampleRate}Hz)
{device.name} - {device.maxOutputChannels} canaux - {device.defaultSampleRate}Hz
</option>
))}
</select>
{selectedOutputDevice !== null && (
<p style={{marginTop: 'var(--spacing-sm)', color: 'var(--color-text-secondary)', fontSize: '0.85rem'}}>
Device ID {selectedOutputDevice} sélectionné
</p>
)}
</div>
<div className="audio-section">