From 8a31483a4c084a1ae48f348ac1515138cf83c185 Mon Sep 17 00:00:00 2001 From: tapframe Date: Sun, 4 May 2025 18:42:39 +0530 Subject: [PATCH] Update padding across multiple screens for improved layout consistency This update modifies the padding settings in the CatalogsList, HomeScreen, LibraryScreen, SettingsScreen, and discoverStyles files, increasing the bottom padding to 90 units. These changes enhance the overall layout and visual consistency across the application, ensuring a more cohesive user experience. --- src/components/discover/CatalogsList.tsx | 1 + src/screens/HomeScreen.tsx | 4 ++-- src/screens/LibraryScreen.tsx | 2 ++ src/screens/SettingsScreen.tsx | 2 +- src/styles/screens/discoverStyles.ts | 1 + 5 files changed, 7 insertions(+), 3 deletions(-) diff --git a/src/components/discover/CatalogsList.tsx b/src/components/discover/CatalogsList.tsx index 5b07495..6a8bcdf 100644 --- a/src/components/discover/CatalogsList.tsx +++ b/src/components/discover/CatalogsList.tsx @@ -37,6 +37,7 @@ const CatalogsList = ({ catalogs, selectedCategory }: CatalogsListProps) => { const styles = StyleSheet.create({ container: { paddingVertical: 8, + paddingBottom: 90, }, }); diff --git a/src/screens/HomeScreen.tsx b/src/screens/HomeScreen.tsx index 1b82a1e..bd6684d 100644 --- a/src/screens/HomeScreen.tsx +++ b/src/screens/HomeScreen.tsx @@ -636,13 +636,13 @@ const styles = StyleSheet.create({ flex: 1, }, scrollContent: { - paddingBottom: 40, + paddingBottom: 90, }, loadingMainContainer: { flex: 1, justifyContent: 'center', alignItems: 'center', - paddingBottom: 40, + paddingBottom: 90, }, loadingText: { marginTop: 12, diff --git a/src/screens/LibraryScreen.tsx b/src/screens/LibraryScreen.tsx index 160ac13..0cf6aff 100644 --- a/src/screens/LibraryScreen.tsx +++ b/src/screens/LibraryScreen.tsx @@ -373,6 +373,7 @@ const styles = StyleSheet.create({ listContainer: { paddingHorizontal: 12, paddingVertical: 16, + paddingBottom: 90, }, columnWrapper: { justifyContent: 'space-between', @@ -463,6 +464,7 @@ const styles = StyleSheet.create({ justifyContent: 'center', alignItems: 'center', paddingHorizontal: 32, + paddingBottom: 90, }, emptyText: { fontSize: 20, diff --git a/src/screens/SettingsScreen.tsx b/src/screens/SettingsScreen.tsx index a0cd3b7..c21e6fe 100644 --- a/src/screens/SettingsScreen.tsx +++ b/src/screens/SettingsScreen.tsx @@ -545,7 +545,7 @@ const styles = StyleSheet.create({ scrollContent: { flexGrow: 1, width: '100%', - paddingBottom: 32, + paddingBottom: 90, }, cardContainer: { width: '100%', diff --git a/src/styles/screens/discoverStyles.ts b/src/styles/screens/discoverStyles.ts index 18d1bee..0e00c21 100644 --- a/src/styles/screens/discoverStyles.ts +++ b/src/styles/screens/discoverStyles.ts @@ -55,6 +55,7 @@ const useDiscoverStyles = () => { justifyContent: 'center', alignItems: 'center', paddingTop: 80, + paddingBottom: 90, }, emptyText: { color: currentTheme.colors.mediumGray,