antebudimir/feishin
1
0
Fork 0
mirror of https://github.com/antebudimir/feishin.git synced 2026-01-02 10:53:33 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

initial implementation for lyrics

Browse source
This commit is contained in:
Kendall Garner 2023-05-22 17:38:31 -07:00 • committed by Jeff
parent 8eb0029bb8
commit 23f9bd4e9f
9 changed files with 223 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

20
src/renderer/features/lyrics/lyric-line.tsx Normal file
View file

@ -0,0 +1,20 @@
import { ComponentPropsWithoutRef } from 'react';
import { TextTitle } from '/@/renderer/components/text-title';
interface LyricLineProps extends ComponentPropsWithoutRef<'div'> {
active: boolean;
lyric: string;
}
export const LyricLine = ({ lyric: text, active, ...props }: LyricLineProps) => {
return (
<TextTitle
lh={active ? '4rem' : '3.5rem'}
sx={{ fontSize: active ? '2.5rem' : '2rem' }}
weight={active ? 800 : 100}
{...props}
>
{text}
</TextTitle>
);
};