fix: clean up lyrics implementation

This commit is contained in:
Lei Nelissen
2025-01-26 20:37:28 +01:00
parent dc9541eea7
commit 2f1b9c180d
3 changed files with 6 additions and 8 deletions

View File

@@ -11,7 +11,7 @@ import { LayoutChangeEvent } from 'react-native';
import { Defs, LinearGradient, Rect, Stop, Svg } from 'react-native-svg';
const Container = styled.TouchableOpacity`
border-radius: 8px;
border-radius: 12px;
margin-top: 24px;
margin-left: -16px;
margin-right: -16px;
@@ -67,10 +67,10 @@ function InnerLyricsPreview() {
onPress={handleShowLyrics}
onLayout={handleLayoutChange}
>
<Header style={defaultStyles.activeBackground}>
<Header style={defaultStyles.trackBackground}>
<HeaderInnerContainer>
<LyricsIcon fill={defaultStyles.themeColor.color} />
<Label style={defaultStyles.themeColor}>
<LyricsIcon fill={defaultStyles.textHalfOpacity.color} />
<Label style={defaultStyles.textHalfOpacity}>
{t('lyrics')}
</Label>
</HeaderInnerContainer>
@@ -88,7 +88,7 @@ function InnerLyricsPreview() {
<Stop
offset="0"
stopColor={defaultStyles.trackBackground.backgroundColor}
stopOpacity={1}
stopOpacity={0.9}
/>
<Stop
offset="0.75"