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