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

Adjust lyrics styling / animations

Browse source
This commit is contained in:
jeffvli 2023-06-03 18:03:32 -07:00 • committed by Jeff
parent 7cd2077dcd
commit 5dd860735d
5 changed files with 47 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -7,16 +7,20 @@ interface LyricLineProps extends ComponentPropsWithoutRef<'div'> {
}
const StyledText = styled(TextTitle)`
font-size: 2rem;
color: var(--main-fg);
font-weight: 100;
line-height: 3.5rem;
font-size: 2vmax;
line-height: 3.5vmax;
opacity: 0.5;
&.active,
&.credit {
font-size: 2.5rem;
&.active {
font-weight: 800;
line-height: 4rem;
font-size: 2.5vmax;
line-height: 4vmax;
opacity: 1;
}
transition: opacity 0.3s ease-in-out, font-size 0.3s ease-in-out;
`;
export const LyricLine = ({ text, ...props }: LyricLineProps) => {