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

fix: remove pan separator and make effects container full width

Browse Source 
- Removed border-t border-border from devices section
- Added negative margin (-mx-3) and padding (px-3) to effects container
  to make it extend full width of the track control panel

🤖 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-18 08:11:20 +01:00
parent 6bfc8d3cfe
commit a3fb8a564e
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
components/tracks/Track.tsx
View File

@@ -390,7 +390,7 @@ export function Track({
</div> </div>
{/* Devices/Effects Section */} {/* Devices/Effects Section */}
<div className="pt-2 border-t border-border"> <div className="pt-2">
<div className="flex items-center justify-between mb-2"> <div className="flex items-center justify-between mb-2">
<span className="text-xs font-medium text-muted-foreground uppercase"> <span className="text-xs font-medium text-muted-foreground uppercase">
Devices ({track.effectChain.effects.length}) Devices ({track.effectChain.effects.length})
@@ -407,7 +407,7 @@ export function Track({
</div> </div>
{/* Horizontal scrolling device rack */} {/* Horizontal scrolling device rack */}
<div className="overflow-x-auto custom-scrollbar"> <div className="overflow-x-auto custom-scrollbar -mx-3 px-3">
<div className="flex gap-2 pb-2"> <div className="flex gap-2 pb-2">
{track.effectChain.effects.length === 0 ? ( {track.effectChain.effects.length === 0 ? (
<div className="text-xs text-muted-foreground text-center py-4 w-full"> <div className="text-xs text-muted-foreground text-center py-4 w-full">