javier/jellyfin-audio-player
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: padding in similar scrollwheel

Browse Source
This commit is contained in:
Lei Nelissen
2023-04-23 01:29:59 +02:00
parent 1d97830f83
commit 913d185b46
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/screens/Music/stacks/Album.tsx
View File

@@ -22,6 +22,7 @@ const Cover = styled(AlbumImage)`
height: ${Screen.width / 2.8}; height: ${Screen.width / 2.8};
width: ${Screen.width / 2.8}; width: ${Screen.width / 2.8};
border-radius: 12px; border-radius: 12px;
margin-bottom: 8px;
`; `;
function SimilarAlbum({ id }: { id: string }) { function SimilarAlbum({ id }: { id: string }) {
@@ -43,7 +44,7 @@ function SimilarAlbum({ id }: { id: string }) {
onPress={handlePress} onPress={handlePress}
> >
<Cover key={id} source={{ uri: getImage(id) }} /> <Cover key={id} source={{ uri: getImage(id) }} />
<Text numberOfLines={1} style={{ fontSize: 13 }}>{album?.Name}</Text> <Text numberOfLines={1} style={{ fontSize: 13, marginBottom: 2 }}>{album?.Name}</Text>
<Text numberOfLines={1} style={{ opacity: 0.5, fontSize: 13 }}>{album?.Artists.join(', ')}</Text> <Text numberOfLines={1} style={{ opacity: 0.5, fontSize: 13 }}>{album?.Artists.join(', ')}</Text>
</Pressable> </Pressable>
); );
@@ -88,7 +89,7 @@ const Album: React.FC = () => {
{album?.Similar?.length ? ( {album?.Similar?.length ? (
<> <>
<SubHeader>Similar albums</SubHeader> <SubHeader>Similar albums</SubHeader>
<ScrollView horizontal style={{ marginLeft: -24, marginTop: 8, marginBottom: 36 }} contentContainerStyle={{ paddingLeft: 24 }} showsHorizontalScrollIndicator={false}> <ScrollView horizontal style={{ marginLeft: -24, marginRight: -24, marginTop: 8, marginBottom: 36 }} contentContainerStyle={{ paddingHorizontal: 24 }} showsHorizontalScrollIndicator={false}>
{album.Similar.map((id) => ( {album.Similar.map((id) => (
<SimilarAlbum id={id} key={id} /> <SimilarAlbum id={id} key={id} />
))} ))}