fix: make analyzer cards match master fader width

Constrained analyzer components to 160px width to match
the MasterControls card width, creating better visual alignment
in the master column.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
2025-11-19 01:42:25 +01:00
parent 7dc0780bd2
commit d0601b2b36

View File

@@ -1067,7 +1067,7 @@ export function AudioEditor() {
</div>
{/* Analyzer Toggle */}
<div className="flex gap-1 bg-muted/20 border border-border/50 rounded-md p-1">
<div className="flex gap-1 bg-muted/20 border border-border/50 rounded-md p-1 max-w-[160px] mx-auto">
<button
onClick={() => setAnalyzerView('frequency')}
className={`flex-1 px-2 py-1 rounded text-[10px] font-bold uppercase tracking-wider transition-all ${
@@ -1091,12 +1091,14 @@ export function AudioEditor() {
</div>
{/* Analyzer Display */}
<div className="flex-1 min-h-[300px]">
{analyzerView === 'frequency' ? (
<FrequencyAnalyzer analyserNode={masterAnalyser} />
) : (
<Spectrogram analyserNode={masterAnalyser} />
)}
<div className="flex-1 min-h-[300px] flex items-start justify-center">
<div className="w-[160px]">
{analyzerView === 'frequency' ? (
<FrequencyAnalyzer analyserNode={masterAnalyser} />
) : (
<Spectrogram analyserNode={masterAnalyser} />
)}
</div>
</div>
</aside>
</div>