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

Additional styling changes

Browse source
This commit is contained in:
jeffvli 2023-06-03 23:21:00 -07:00 • committed by Jeff
parent 5dd860735d
commit 48dfd469ed
5 changed files with 21 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/renderer/features/lyrics/synchronized-lyrics.tsx
View file

@ -12,12 +12,11 @@ import isElectron from 'is-electron';
import { PlayersRef } from '/@/renderer/features/player/ref/players-ref';
import { SynchronizedLyricsArray } from '/@/renderer/api/types';
import styled from 'styled-components';
import { Text } from '/@/renderer/components';
const mpvPlayer = isElectron() ? window.electron.mpvPlayer : null;
const SynchronizedLyricsContainer = styled.div`
padding: 3rem 0 10rem;
padding: 5rem 0;
`;
interface SynchronizedLyricsProps {
@ -211,7 +210,12 @@ export const SynchronizedLyrics = ({ lyrics, source }: SynchronizedLyricsProps)
return (
<SynchronizedLyricsContainer className="synchronized-lyrics">
{source && <Text $noSelect>Lyrics provided by: {source}</Text>}
{source && (
<LyricLine
className="lyric-credit"
text={`Lyrics provided by ${source}`}
/>
)}
{lyrics.map(([, text], idx) => (
<LyricLine
key={idx}

2
src/renderer/features/lyrics/unsynchronized-lyrics.tsx
View file

@ -14,7 +14,7 @@ export const UnsynchronizedLyrics = ({ lyrics, source }: UnsynchronizedLyricsPro
return (
<div className="unsynchronized-lyrics">
{source && <Text $noSelect>Lyrics provided by: {source}</Text>}
{source && <Text $noSelect>Lyrics provided by {source}</Text>}
{lines.map((text, idx) => (
<LyricLine
key={idx}