diff --git a/src/renderer/src/BetweenSegments.tsx b/src/renderer/src/BetweenSegments.tsx index f71c3a99..02b14cd1 100644 --- a/src/renderer/src/BetweenSegments.tsx +++ b/src/renderer/src/BetweenSegments.tsx @@ -42,9 +42,9 @@ function BetweenSegments({ start, end, fileDurationNonZero, invertCutSegments }: {effectiveExportMode !== 'segments_to_chapters' && ( <> {invertCutSegments ? ( - + ) : ( - + )}
diff --git a/src/renderer/src/TimelineSeg.tsx b/src/renderer/src/TimelineSeg.tsx index f3234a30..568a7fc7 100644 --- a/src/renderer/src/TimelineSeg.tsx +++ b/src/renderer/src/TimelineSeg.tsx @@ -1,6 +1,6 @@ import { memo, useCallback, useMemo } from 'react'; import { motion, AnimatePresence, MotionStyle } from 'framer-motion'; -import { FaTrashAlt } from 'react-icons/fa'; +import { FaSave, FaTrashAlt } from 'react-icons/fa'; import Color from 'color'; import useUserSettings from './hooks/useUserSettings'; @@ -91,7 +91,7 @@ function Segment({ formatTimecode: FormatTimecode, invertCutSegments: boolean, }) { - const { darkMode, prefersReducedMotion, springAnimation } = useUserSettings(); + const { darkMode, prefersReducedMotion, springAnimation, simpleMode } = useUserSettings(); const { name } = seg; const border = useMemo(() => { @@ -180,12 +180,19 @@ function Segment({ initial={{ scale: 0 }} animate={{ scale: 1 }} exit={{ scale: 0 }} - style={{ width: 16, height: 16, flexShrink: 1 }} + style={{ flexShrink: 1 }} + > + + + )} + {!invertCutSegments && simpleMode && ( + - + )}