Makussu/subtracks
1
0
Fork 0
mirror of https://github.com/austinried/subtracks.git synced 2025-12-29 09:29:29 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix library album columns

Browse Source
This commit is contained in:
austinried 2021-08-12 09:44:01 +09:00
parent f523a231f1
commit 16b753e2bb
2 changed files with 9 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/App.tsx
View File

@ -17,7 +17,7 @@ const Debug = () => {
const App = () => ( const App = () => (
<MenuProvider> <MenuProvider>
<View style={{ flex: 1, backgroundColor: colors.gradient.high }}> <View style={{ flex: 1, backgroundColor: colors.gradient.high }}>
<StatusBar animated={true} backgroundColor={'rgba(0, 0, 0, 0.4)'} barStyle={'light-content'} translucent={true} /> <StatusBar animated={true} backgroundColor={'rgba(0, 0, 0, 0.3)'} barStyle={'light-content'} translucent={true} />
<SplashPage> <SplashPage>
<ProgressHook /> <ProgressHook />
<Debug /> <Debug />

15
app/screens/LibraryAlbums.tsx
View File

@ -22,7 +22,8 @@ const AlbumItem = React.memo<{
return ( return (
<AlbumContextPressable <AlbumContextPressable
album={album} album={album}
triggerWrapperStyle={[styles.item, { maxWidth: size, height }]} menuStyle={[styles.itemMenu, { width: size }]}
triggerWrapperStyle={[styles.itemWrapper, { height }]}
onPress={() => navigation.navigate('album', { id: album.id, title: album.name })}> onPress={() => navigation.navigate('album', { id: album.id, title: album.name })}>
<CoverArt <CoverArt
coverArt={album.coverArt} coverArt={album.coverArt}
@ -54,7 +55,7 @@ const AlbumsList = () => {
const layout = useWindowDimensions() const layout = useWindowDimensions()
const size = layout.width / 3 - styles.item.marginHorizontal * 2 const size = layout.width / 3 - styles.itemWrapper.marginHorizontal * 2
const height = size + 36 const height = size + 36
const albumsList = list.map(album => ({ album, size, height })) const albumsList = list.map(album => ({ album, size, height }))
@ -88,15 +89,15 @@ const styles = StyleSheet.create({
container: { container: {
flex: 1, flex: 1,
}, },
item: { itemMenu: {
// alignItems: 'center',
marginVertical: 4,
marginHorizontal: 3,
flex: 1 / 3, flex: 1 / 3,
}, },
itemWrapper: {
marginVertical: 4,
marginHorizontal: 2,
},
itemDetails: { itemDetails: {
flex: 1, flex: 1,
// width: '100%',
}, },
title: { title: {
fontSize: 12, fontSize: 12,