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

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

View file

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