mirror of
https://github.com/tapframe/NuvioStreaming.git
synced 2026-04-27 19:33:02 +00:00
Merge pull request #386 from AdityasahuX07/patch-19
Adjust padding and margin values in LibraryScreen and CatalogSection
This commit is contained in:
commit
d31cd2fcdc
2 changed files with 6 additions and 5 deletions
|
|
@ -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}
|
||||||
|
|
|
||||||
|
|
@ -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,
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue