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

7
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,6 +57,10 @@ export const LyricsActions = ({ onRemoveLyric, onSearchOverride }: LyricsActions
> >
<RiSubtractFill /> <RiSubtractFill />
</Button> </Button>
<Tooltip
label="Offset (ms)"
openDelay={500}
>
<NumberInput <NumberInput
aria-label="Lyric offset" aria-label="Lyric offset"
styles={{ input: { textAlign: 'center' } }} styles={{ input: { textAlign: 'center' } }}
@ -64,6 +68,7 @@ export const LyricsActions = ({ onRemoveLyric, onSearchOverride }: LyricsActions
width={55} width={55}
onChange={handleLyricOffset} onChange={handleLyricOffset}
/> />
</Tooltip>
<Button <Button
aria-label="Increase lyric offset" aria-label="Increase lyric offset"
variant="subtle" variant="subtle"