tempblade/creator
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

improve bright mode coloring
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
Enrico Bühler 2023-06-26 10:29:06 +02:00
parent 6f807b4df5
commit cae187b939
2 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
app/src/components/Timeline/Track.tsx
View File

@ -68,7 +68,7 @@ const Track: FC<TrackProps> = ({ animationData, index, name, entity }) => {
<TriangleDownIcon <TriangleDownIcon
width="32px" width="32px"
height="32px" height="32px"
className="text-white" className="text-main"
/> />
</motion.div> </motion.div>
<h3 <h3
@ -133,10 +133,10 @@ const Track: FC<TrackProps> = ({ animationData, index, name, entity }) => {
}, },
}); });
}} }}
className="z-10 w-4 bg-primary/80 h-full top-0 absolute rounded-md select-none cursor-w-resize" className="z-10 w-4 bg-primary/50 h-full top-0 absolute rounded-md select-none cursor-w-resize"
/> />
<motion.div <motion.div
className="z-10 w-4 bg-primary/80 h-full top-0 absolute rounded-md select-none cursor-e-resize" className="z-10 w-4 bg-primary/50 h-full top-0 absolute rounded-md select-none cursor-e-resize"
onMouseDown={(e) => e.preventDefault()} onMouseDown={(e) => e.preventDefault()}
drag="x" drag="x"
animate={{ animate={{

4
app/src/components/Timeline/index.tsx
View File

@ -31,10 +31,10 @@ const Timeline: FC<TimelineProps> = () => {
<div className="flex flex-row"> <div className="flex flex-row">
<div className="flex flex-row"> <div className="flex flex-row">
<button onClick={() => setPlaying(true)} className="w-8 h-8"> <button onClick={() => setPlaying(true)} className="w-8 h-8">
<PlayIcon color="white" width="100%" height="100%" /> <PlayIcon className="text-main" width="100%" height="100%" />
</button> </button>
<button onClick={() => setPlaying(false)} className="w-8 h-8"> <button onClick={() => setPlaying(false)} className="w-8 h-8">
<PauseIcon color="white" width="100%" height="100%" /> <PauseIcon className="text-main" width="100%" height="100%" />
</button> </button>
</div> </div>
<Timestamp /> <Timestamp />