Mirrors/lossless-cut
1
0
Fork 0
mirror of https://github.com/mifi/lossless-cut.git synced 2024-11-25 11:43:17 +01:00
Code Issues Releases Activity

fade in advanced settings

Browse Source
This commit is contained in:
Mikael Finstad 2023-09-06 00:28:12 +02:00
parent 75f5d3d1ba
commit 1e003537ed
No known key found for this signature in database
GPG Key ID: 25AB36E3E81CBC26
1 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/Settings.jsx
View File

@ -2,6 +2,7 @@ import React, { memo, useCallback, useMemo, useState } from 'react';
import { FaYinYang, FaKeyboard } from 'react-icons/fa'; import { FaYinYang, FaKeyboard } from 'react-icons/fa';
import { GlobeIcon, CleanIcon, CogIcon, Button, NumericalIcon, FolderCloseIcon, DocumentIcon, TimeIcon } from 'evergreen-ui'; import { GlobeIcon, CleanIcon, CogIcon, Button, NumericalIcon, FolderCloseIcon, DocumentIcon, TimeIcon } from 'evergreen-ui';
import { useTranslation } from 'react-i18next'; import { useTranslation } from 'react-i18next';
import { motion } from 'framer-motion';
import CaptureFormatButton from './CaptureFormatButton'; import CaptureFormatButton from './CaptureFormatButton';
import AutoExportToggler from './AutoExportToggler'; import AutoExportToggler from './AutoExportToggler';
@ -16,8 +17,16 @@ import Select from './Select';
import { getModifierKeyNames } from '../hooks/useTimelineScroll'; import { getModifierKeyNames } from '../hooks/useTimelineScroll';
// eslint-disable-next-line react/jsx-props-no-spreading const Row = (props) => (
const Row = (props) => <tr {...props} />; <motion.tr
// eslint-disable-next-line react/jsx-props-no-spreading
{...props}
transition={{ duration: 0.5, ease: 'easeIn' }}
initial={{ opacity: 0 }}
animate={{ opacity: 1 }}
exit={{ opacity: 0 }}
/>
);
// eslint-disable-next-line react/jsx-props-no-spreading // eslint-disable-next-line react/jsx-props-no-spreading
const KeyCell = (props) => <td {...props} />; const KeyCell = (props) => <td {...props} />;
@ -99,7 +108,6 @@ const Settings = memo(({
</td> </td>
</Row> </Row>
{showAdvanced && ( {showAdvanced && (
<Row> <Row>
<KeyCell> <KeyCell>