Creepso/NuvioStreaming
1
0
Fork 0
mirror of https://github.com/tapframe/NuvioStreaming.git synced 2026-04-21 00:32:04 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix for filter tabs in Library UI element cropped off in mobile devices.

Browse source 
Fixes #135
This commit is contained in:
AdityasahuX07 2025-12-03 15:41:23 +05:30 committed by GitHub
parent 725c8aa9b7
commit 6c201e285a
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 14 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
src/screens/LibraryScreen.tsx
View file

@ -964,22 +964,20 @@ const LibraryScreen = () => {
{/* Content Container */} {/* Content Container */}
<View style={[styles.contentContainer, { backgroundColor: currentTheme.colors.darkBackground }]}> <View style={[styles.contentContainer, { backgroundColor: currentTheme.colors.darkBackground }]}>
{!showTraktContent && ( {!showTraktContent && (
<ScrollView // Replaced ScrollView with View and used the modified style
horizontal <View
showsHorizontalScrollIndicator={false} style={styles.filtersContainer}
contentContainerStyle={styles.filtersContainer} >
style={styles.filtersScrollView} {renderFilter('trakt', 'Trakt', 'pan-tool')}
> {renderFilter('movies', 'Movies', 'movie')}
{renderFilter('trakt', 'Trakt', 'pan-tool')} {renderFilter('series', 'TV Shows', 'live-tv')}
{renderFilter('movies', 'Movies', 'movie')} </View>
{renderFilter('series', 'TV Shows', 'live-tv')} )}
</ScrollView>
)}
{showTraktContent ? renderTraktContent() : renderContent()} {showTraktContent ? renderTraktContent() : renderContent()}
</View>
</View> </View>
</View>
{/* DropUpMenu integration */} {/* DropUpMenu integration */}
{selectedItem && ( {selectedItem && (
@ -1081,6 +1079,7 @@ const styles = StyleSheet.create({
}, },
filtersContainer: { filtersContainer: {
flexDirection: 'row', flexDirection: 'row',
justifyContent: 'center',
paddingHorizontal: 16, paddingHorizontal: 16,
paddingBottom: 16, paddingBottom: 16,
paddingTop: 8, paddingTop: 8,
@ -1353,4 +1352,4 @@ const styles = StyleSheet.create({
}, },
}); });
export default LibraryScreen; export default LibraryScreen;