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

fix: revert track heights and increase control card bottom padding

Browse Source 
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:
Sebastian Krüger
2025-11-19 01:15:36 +01:00
parent a8570f2458
commit edebdc2129
2 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/tracks/TrackControls.tsx
View File

@@ -57,7 +57,7 @@ export function TrackControls({
}: TrackControlsProps) { }: TrackControlsProps) {
return ( return (
<div className={cn( <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 className
)}> )}>
{/* Pan Control - Top */} {/* Pan Control - Top */}

4
types/track.ts
View File

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