fix: revert track heights and increase control card bottom padding

Reverted track heights to original values:
- DEFAULT_TRACK_HEIGHT: 360px → 340px
- MIN_TRACK_HEIGHT: 260px → 240px

Increased bottom padding of TrackControls from py-2 to pt-2 pb-4
for better spacing at the bottom of the control card.

🤖 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:15:36 +01:00
parent a8570f2458
commit edebdc2129
2 changed files with 3 additions and 3 deletions

View File

@@ -57,7 +57,7 @@ export function TrackControls({
}: TrackControlsProps) {
return (
<div className={cn(
'flex flex-col items-center justify-between h-full px-3 py-2 bg-card/50 border-2 border-accent/50 rounded-lg',
'flex flex-col items-center justify-between h-full px-3 pt-2 pb-4 bg-card/50 border-2 border-accent/50 rounded-lg',
className
)}>
{/* Pan Control - Top */}

View File

@@ -68,7 +68,7 @@ export const TRACK_COLORS: Record<TrackColor, string> = {
gray: 'rgb(156, 163, 175)',
};
export const DEFAULT_TRACK_HEIGHT = 360; // Knob + fader with labels + R/S/M/A/E buttons
export const MIN_TRACK_HEIGHT = 260; // Minimum to fit knob + fader with labels + all buttons
export const DEFAULT_TRACK_HEIGHT = 340; // Knob + fader with labels + R/S/M/A/E buttons
export const MIN_TRACK_HEIGHT = 240; // Minimum to fit knob + fader with labels + all buttons
export const MAX_TRACK_HEIGHT = 500; // Increased for better waveform viewing
export const COLLAPSED_TRACK_HEIGHT = 48; // Extracted constant for collapsed state