valknar/audio-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: make analyzer cards match master fader width

Browse Source 
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:
Sebastian Krüger
2025-11-19 01:42:25 +01:00
parent 7dc0780bd2
commit d0601b2b36
1 changed files with 9 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
components/editor/AudioEditor.tsx
View File

@@ -1067,7 +1067,7 @@ export function AudioEditor() {
</div> </div>
{/* Analyzer Toggle */} {/* 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 <button
onClick={() => setAnalyzerView('frequency')} onClick={() => setAnalyzerView('frequency')}
className={`flex-1 px-2 py-1 rounded text-[10px] font-bold uppercase tracking-wider transition-all ${ 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> </div>
{/* Analyzer Display */} {/* Analyzer Display */}
<div className="flex-1 min-h-[300px]"> <div className="flex-1 min-h-[300px] flex items-start justify-center">
{analyzerView === 'frequency' ? ( <div className="w-[160px]">
<FrequencyAnalyzer analyserNode={masterAnalyser} /> {analyzerView === 'frequency' ? (
) : ( <FrequencyAnalyzer analyserNode={masterAnalyser} />
<Spectrogram analyserNode={masterAnalyser} /> ) : (
)} <Spectrogram analyserNode={masterAnalyser} />
)}
</div>
</div> </div>
</aside> </aside>
</div> </div>