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:
+12
-2
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user