diff --git a/src/components/track/Region.css b/src/components/track/Region.css index b24ef17..642bb4e 100644 --- a/src/components/track/Region.css +++ b/src/components/track/Region.css @@ -119,6 +119,27 @@ background: rgba(0, 0, 0, 0.35); } +.region-waveform-btn { + position: absolute; + top: 4px; + left: 4px; + background: rgba(0, 0, 0, 0.25); + color: #fff; + border: 1px solid rgba(255, 255, 255, 0.2); + border-radius: 3px; + padding: 2px; + margin: 0; + cursor: pointer; + z-index: 2; + display: none; + align-items: center; + justify-content: center; +} + +.region-waveform-btn:hover { + background: rgba(0, 0, 0, 0.35); +} + .region-spectrogram-btn { position: absolute; top: 4px; diff --git a/src/components/track/RegionItem.tsx b/src/components/track/RegionItem.tsx index fdcfca8..1a7b1ee 100644 --- a/src/components/track/RegionItem.tsx +++ b/src/components/track/RegionItem.tsx @@ -585,6 +585,23 @@ const RegionItem: React.FC = ({ )} + {audioRegion && ( + + )} {audioRegion && ( )} {showHybridButton && (