theluyuan/RWKV-Runner
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

darkmode of midi tracks

Browse Source
This commit is contained in:
josc146 2023-11-30 11:56:45 +08:00
parent a78c346371
commit 68c70a362b
1 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/pages/AudiotrackManager/AudiotrackEditor.tsx
View File

@ -146,7 +146,7 @@ const Track: React.FC<TrackProps> = observer(({
const { t } = useTranslation(); const { t } = useTranslation();
const trackIndex = commonStore.tracks.findIndex(t => t.id === id)!; const trackIndex = commonStore.tracks.findIndex(t => t.id === id)!;
const track = commonStore.tracks[trackIndex]; const track = commonStore.tracks[trackIndex];
const trackClass = isSelected ? 'bg-blue-600' : 'bg-gray-700'; const trackClass = isSelected ? 'bg-blue-600' : (commonStore.settings.darkMode ? 'bg-blue-900' : 'bg-gray-700');
const controlX = useRef(0); const controlX = useRef(0);
return ( return (
@ -298,7 +298,8 @@ const AudiotrackEditor: FC<{ setPrompt: (prompt: string) => void }> = observer((
}, 1); }, 1);
}} }}
> >
<div ref={currentTimeControlRef} className="h-2 bg-gray-700 cursor-move rounded" <div ref={currentTimeControlRef}
className={classnames('h-2 cursor-move rounded', commonStore.settings.darkMode ? 'bg-neutral-600' : 'bg-gray-700')}
style={{ width: currentTimeControlWidth }} /> style={{ width: currentTimeControlWidth }} />
</Draggable> </Draggable>
<div className={classnames( <div className={classnames(
@ -329,7 +330,8 @@ const AudiotrackEditor: FC<{ setPrompt: (prompt: string) => void }> = observer((
<div className="relative cursor-move" <div className="relative cursor-move"
ref={playStartTimeControlRef}> ref={playStartTimeControlRef}>
<ArrowAutofitWidth20Regular /> <ArrowAutofitWidth20Regular />
<div className="border-l absolute border-gray-700" <div
className={classnames('border-l absolute', commonStore.settings.darkMode ? 'border-white' : 'border-gray-700')}
style={{ style={{
height: (tracksRef.current && commonStore.tracks.length > 0) height: (tracksRef.current && commonStore.tracks.length > 0)
? tracksRef.current.clientHeight ? tracksRef.current.clientHeight