pogmommy/feishin
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add tooltip to offset input

Browse source
This commit is contained in:
jeffvli 2023-06-09 16:39:13 -07:00 • committed by Jeff
parent ea0737cf1f
commit 86c3e54119
1 changed files with 13 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
src/renderer/features/lyrics/lyrics-actions.tsx
View file

@ -1,7 +1,7 @@
import isElectron from 'is-electron'; import isElectron from 'is-electron';
import { RiAddFill, RiSubtractFill } from 'react-icons/ri'; import { RiAddFill, RiSubtractFill } from 'react-icons/ri';
import { LyricsOverride } from '/@/renderer/api/types'; import { LyricsOverride } from '/@/renderer/api/types';
import { Button, NumberInput } from '/@/renderer/components'; import { Button, NumberInput, Tooltip } from '/@/renderer/components';
import { openLyricSearchModal } from '/@/renderer/features/lyrics/components/lyrics-search-form'; import { openLyricSearchModal } from '/@/renderer/features/lyrics/components/lyrics-search-form';
import { import {
useCurrentSong, useCurrentSong,
@ -57,13 +57,18 @@ export const LyricsActions = ({ onRemoveLyric, onSearchOverride }: LyricsActions
> >
<RiSubtractFill /> <RiSubtractFill />
</Button> </Button>
<NumberInput <Tooltip
aria-label="Lyric offset" label="Offset (ms)"
styles={{ input: { textAlign: 'center' } }} openDelay={500}
value={delayMs || 0} >
width={55} <NumberInput
onChange={handleLyricOffset} aria-label="Lyric offset"
/> styles={{ input: { textAlign: 'center' } }}
value={delayMs || 0}
width={55}
onChange={handleLyricOffset}
/>
</Tooltip>
<Button <Button
aria-label="Increase lyric offset" aria-label="Increase lyric offset"
variant="subtle" variant="subtle"