feishin/src/renderer/features/lyrics/lyric-line.tsx
Kendall Garner 85d2576bdc Improved lyric syncing, fetch
- uses a somewhat more sane way to parse lyrics and teardown timeouts
- adds 'seeked' to setCurrentTime to make detecting seeks in lyric much easier
- adds ability to fetch lyrics from genius/netease (desktop only)
2023-06-04 16:46:05 -07:00

24 lines
565 B
TypeScript

import { ComponentPropsWithoutRef } from 'react';
import { TextTitle } from '/@/renderer/components/text-title';
import styled from 'styled-components';
interface LyricLineProps extends ComponentPropsWithoutRef<'div'> {
text: string;
}
const StyledText = styled(TextTitle)`
font-size: 2rem;
font-weight: 100;
line-height: 3.5rem;
&.active,
&.credit {
font-size: 2.5rem;
font-weight: 800;
line-height: 4rem;
}
`;
export const LyricLine = ({ text, ...props }: LyricLineProps) => {
return <StyledText {...props}>{text}</StyledText>;
};