styling and building out trimmer component

This commit is contained in:
michalcourson
2026-02-07 10:25:53 -05:00
parent c292350b25
commit 0346efd504
6 changed files with 645 additions and 65 deletions

View File

@ -6,7 +6,7 @@ import AudioTrimmer from './components/AudioTrimer';
function Hello() {
return (
<div className="min-h-screen min-w-screen flex flex-col items-center justify-center bg-midnight text-offwhite">
<div className="min-h-screen flex flex-col justify-center bg-midnight text-offwhite">
{/* <div className="Hello">
<img width="200" alt="icon" src={icon} />
</div>
@ -37,13 +37,21 @@ function Hello() {
</button>
</a>
</div> */}
<div className="bg-midnight min-w-screen">
<AudioTrimmer
title="audio_capture_20251206_123108.wav"
filePath="C:\\Users\\mickl\\Music\\clips\\original\\audio_capture_20250118_000351.wav"
// section="Section 1"
/>
</div>
<AudioTrimmer
title="audio_capture_20251206_123108.wav"
filePath="C:\\Users\\mickl\\Music\\clips\\original\\audio_capture_20250118_000351.wav"
// section="Section 1"
/>
<AudioTrimmer
title="audio_capture_20251206_123108.wav"
filePath="C:\\Users\\mickl\\Music\\clips\\original\\audio_capture_20250118_000351.wav"
// section="Section 1"
/>
<AudioTrimmer
title="audio_capture_20251206_123108.wav"
filePath="C:\\Users\\mickl\\Music\\clips\\original\\audio_capture_20250118_000351.wav"
// section="Section 1"
/>
</div>
);
}