quaik8/sbd2-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add padding to bottom of SequencerCanvas and TrackControls for improved layout

Browse Source
This commit is contained in:
JSC
2025-09-03 15:17:52 +02:00
parent 7e03189fc4
commit d7b1d97a28
2 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/sequencer/SequencerCanvas.tsx
View File

@@ -280,7 +280,7 @@ export const SequencerCanvas = forwardRef<HTMLDivElement, SequencerCanvasProps>(
className="flex-1 min-h-0 min-w-0 overflow-auto" className="flex-1 min-h-0 min-w-0 overflow-auto"
onScroll={handleTracksScroll} onScroll={handleTracksScroll}
> >
<div style={{ width: `${totalWidth}px`, minWidth: `${totalWidth}px` }}> <div style={{ width: `${totalWidth}px`, minWidth: `${totalWidth}px`, paddingBottom: '52px' }}>
{tracks.map((track) => ( {tracks.map((track) => (
<TrackRow <TrackRow
key={track.id} key={track.id}

2
src/components/sequencer/TrackControls.tsx
View File

@@ -64,7 +64,7 @@ export const TrackControls = forwardRef<HTMLDivElement, TrackControlsProps>(({
ref={ref} ref={ref}
className="flex-1 overflow-y-auto [&::-webkit-scrollbar]:hidden" className="flex-1 overflow-y-auto [&::-webkit-scrollbar]:hidden"
onScroll={onScroll} onScroll={onScroll}
style={{ scrollbarWidth: 'none', msOverflowStyle: 'none' }} style={{ scrollbarWidth: 'none', msOverflowStyle: 'none', paddingBottom: '52px' }}
> >
{tracks.map((track) => ( {tracks.map((track) => (
<div <div