Merge pull request #386 from AdityasahuX07/patch-19

Adjust padding and margin values in LibraryScreen and CatalogSection
This commit is contained in:
Nayif 2026-01-09 23:17:48 +05:30 committed by GitHub
commit d31cd2fcdc
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 6 additions and 5 deletions

View file

@ -190,6 +190,7 @@ const createStyles = (colors: any) => StyleSheet.create({
shadowOpacity: 0.1, shadowOpacity: 0.1,
shadowRadius: 4, shadowRadius: 4,
elevation: 2, elevation: 2,
paddingHorizontal:4,
}, },
poster: { poster: {
width: '100%', width: '100%',
@ -1059,7 +1060,7 @@ const CatalogScreen: React.FC<CatalogScreenProps> = ({ route, navigation }) => {
keyExtractor={(item) => `${item.id}-${item.type}`} keyExtractor={(item) => `${item.id}-${item.type}`}
numColumns={effectiveNumColumns} numColumns={effectiveNumColumns}
key={effectiveNumColumns} key={effectiveNumColumns}
ItemSeparatorComponent={() => <View style={{ height: ((screenData as any).itemSpacing ?? SPACING.sm) }} />} ItemSeparatorComponent={() => <View style={{ height: ((screenData as any).itemSpacing ?? SPACING.sm) - 20 }} />}
refreshControl={ refreshControl={
<RefreshControl <RefreshControl
refreshing={refreshing} refreshing={refreshing}

View file

@ -75,7 +75,7 @@ interface TraktFolder {
const ANDROID_STATUSBAR_HEIGHT = StatusBar.currentHeight || 0; const ANDROID_STATUSBAR_HEIGHT = StatusBar.currentHeight || 0;
function getGridLayout(screenWidth: number): { numColumns: number; itemWidth: number } { function getGridLayout(screenWidth: number): { numColumns: number; itemWidth: number } {
const horizontalPadding = 16; const horizontalPadding = 26;
const gutter = 12; const gutter = 12;
let numColumns = 3; let numColumns = 3;
if (screenWidth >= 1200) numColumns = 5; if (screenWidth >= 1200) numColumns = 5;
@ -1042,7 +1042,7 @@ const styles = StyleSheet.create({
fontWeight: '500', fontWeight: '500',
}, },
listContainer: { listContainer: {
paddingHorizontal: 8, paddingLeft: 12,
paddingVertical: 16, paddingVertical: 16,
paddingBottom: 90, paddingBottom: 90,
}, },
@ -1058,7 +1058,7 @@ const styles = StyleSheet.create({
justifyContent: 'space-between', justifyContent: 'space-between',
}, },
itemContainer: { itemContainer: {
marginBottom: 20, marginBottom: 14,
}, },
posterContainer: { posterContainer: {
borderRadius: 12, borderRadius: 12,