color tweaks

use thumb for now playing bar
This commit is contained in:
austinried 2021-07-07 13:51:02 +09:00
parent 7028df9617
commit 7c3fea69db
5 changed files with 5 additions and 5 deletions

View File

@ -27,7 +27,7 @@ const ProgressBar = () => {
const progressStyles = StyleSheet.create({ const progressStyles = StyleSheet.create({
container: { container: {
height: 1, height: 2,
flexDirection: 'row', flexDirection: 'row',
}, },
left: { left: {
@ -71,7 +71,7 @@ const NowPlayingBar = () => {
PlaceholderComponent={() => <Text>hi</Text>} PlaceholderComponent={() => <Text>hi</Text>}
height={styles.subContainer.height} height={styles.subContainer.height}
width={styles.subContainer.height} width={styles.subContainer.height}
coverArtUri={track?.artwork as string} coverArtUri={track?.artworkThumb}
/> />
<View style={styles.detailsContainer}> <View style={styles.detailsContainer}>
<Text numberOfLines={1} style={styles.detailsTitle}> <Text numberOfLines={1} style={styles.detailsTitle}>

View File

@ -93,7 +93,6 @@ const coverArtStyles = StyleSheet.create({
const SongInfo = () => { const SongInfo = () => {
const track = useAtomValue(currentTrackAtom) const track = useAtomValue(currentTrackAtom)
console.log(track?.artist)
return ( return (
<View style={infoStyles.container}> <View style={infoStyles.container}>

View File

@ -38,7 +38,7 @@ const PressableImage: React.FC<{
android_ripple={ android_ripple={
ripple ripple
? { ? {
color: 'rgba(0.5,0.5,0.5,0.26)', color: 'rgba(255,255,255,0.26)',
radius: dimensions ? dimensions.width / 2 : undefined, radius: dimensions ? dimensions.width / 2 : undefined,
} }
: undefined : undefined

View File

@ -29,7 +29,7 @@ const LibraryTopTabNavigator = () => (
marginHorizontal: 2, marginHorizontal: 2,
}, },
indicatorStyle: { indicatorStyle: {
backgroundColor: colors.accent, backgroundColor: colors.text.primary,
}, },
}}> }}>
<Tab.Screen name="Albums" component={AlbumsTab} /> <Tab.Screen name="Albums" component={AlbumsTab} />

View File

@ -9,6 +9,7 @@ import { PromiseQueue } from '../util'
type TrackExt = Track & { type TrackExt = Track & {
id: string id: string
queueName: string queueName: string
artworkThumb?: string
} }
type OptionalTrackExt = TrackExt | undefined type OptionalTrackExt = TrackExt | undefined