mirror of
https://github.com/jeffvli/feishin.git
synced 2026-05-06 20:10:12 +02:00
Add tooltip to offset input
This commit is contained in:
@@ -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"
|
||||||
|
|||||||
Reference in New Issue
Block a user