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