Creepso/NuvioStreaming
1
0
Fork 0
mirror of https://github.com/tapframe/NuvioStreaming.git synced 2026-05-09 19:40:44 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Refactor styling across multiple components to standardize border radius to 8. This change enhances visual consistency in the UI by unifying the border radius for content items, posters, and containers in various sections including Home, Library, and Catalog screens.

Browse source
This commit is contained in:
tapframe 2025-06-09 01:15:54 +05:30
parent 528c484286
commit 25b483f4fa
8 changed files with 18 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/discover/ContentItem.tsx
View file

@ -51,7 +51,7 @@ const styles = StyleSheet.create({
marginHorizontal: 0, marginHorizontal: 0,
}, },
posterContainer: { posterContainer: {
borderRadius: 16, borderRadius: 8,
overflow: 'hidden', overflow: 'hidden',
backgroundColor: 'rgba(255,255,255,0.03)', backgroundColor: 'rgba(255,255,255,0.03)',
elevation: 5, elevation: 5,

8
src/components/home/ContentItem.tsx
View file

@ -132,7 +132,7 @@ const styles = StyleSheet.create({
width: POSTER_WIDTH, width: POSTER_WIDTH,
aspectRatio: 2/3, aspectRatio: 2/3,
margin: 0, margin: 0,
borderRadius: 16, borderRadius: 8,
overflow: 'hidden', overflow: 'hidden',
position: 'relative', position: 'relative',
elevation: 8, elevation: 8,
@ -146,14 +146,14 @@ const styles = StyleSheet.create({
contentItemContainer: { contentItemContainer: {
width: '100%', width: '100%',
height: '100%', height: '100%',
borderRadius: 16, borderRadius: 8,
overflow: 'hidden', overflow: 'hidden',
position: 'relative', position: 'relative',
}, },
poster: { poster: {
width: '100%', width: '100%',
height: '100%', height: '100%',
borderRadius: 16, borderRadius: 8,
}, },
loadingOverlay: { loadingOverlay: {
position: 'absolute', position: 'absolute',
@ -163,7 +163,7 @@ const styles = StyleSheet.create({
bottom: 0, bottom: 0,
justifyContent: 'center', justifyContent: 'center',
alignItems: 'center', alignItems: 'center',
borderRadius: 16, borderRadius: 8,
}, },
watchedIndicator: { watchedIndicator: {
position: 'absolute', position: 'absolute',

6
src/components/home/ContinueWatchingSection.tsx
View file

@ -320,7 +320,7 @@ const styles = StyleSheet.create({
width: POSTER_WIDTH, width: POSTER_WIDTH,
aspectRatio: 2/3, aspectRatio: 2/3,
margin: 0, margin: 0,
borderRadius: 12, borderRadius: 8,
overflow: 'hidden', overflow: 'hidden',
position: 'relative', position: 'relative',
elevation: 8, elevation: 8,
@ -332,14 +332,14 @@ const styles = StyleSheet.create({
contentItemContainer: { contentItemContainer: {
width: '100%', width: '100%',
height: '100%', height: '100%',
borderRadius: 12, borderRadius: 8,
overflow: 'hidden', overflow: 'hidden',
position: 'relative', position: 'relative',
}, },
poster: { poster: {
width: '100%', width: '100%',
height: '100%', height: '100%',
borderRadius: 12, borderRadius: 8,
}, },
episodeInfoContainer: { episodeInfoContainer: {
position: 'absolute', position: 'absolute',

2
src/components/home/ThisWeekSection.tsx
View file

@ -329,7 +329,7 @@ const styles = StyleSheet.create({
episodeItem: { episodeItem: {
width: '100%', width: '100%',
height: '100%', height: '100%',
borderRadius: 12, borderRadius: 8,
overflow: 'hidden', overflow: 'hidden',
}, },
poster: { poster: {

6
src/screens/CatalogScreen.tsx
View file

@ -85,7 +85,7 @@ const createStyles = (colors: any) => StyleSheet.create({
item: { item: {
width: ITEM_WIDTH, width: ITEM_WIDTH,
marginBottom: SPACING.lg, marginBottom: SPACING.lg,
borderRadius: 12, borderRadius: 8,
overflow: 'hidden', overflow: 'hidden',
backgroundColor: colors.elevation2, backgroundColor: colors.elevation2,
shadowColor: '#000', shadowColor: '#000',
@ -97,8 +97,8 @@ const createStyles = (colors: any) => StyleSheet.create({
poster: { poster: {
width: '100%', width: '100%',
aspectRatio: 2/3, aspectRatio: 2/3,
borderTopLeftRadius: 12, borderTopLeftRadius: 8,
borderTopRightRadius: 12, borderTopRightRadius: 8,
backgroundColor: colors.elevation3, backgroundColor: colors.elevation3,
}, },
itemContent: { itemContent: {

8
src/screens/HomeScreen.tsx
View file

@ -895,7 +895,7 @@ const styles = StyleSheet.create<any>({
width: POSTER_WIDTH, width: POSTER_WIDTH,
aspectRatio: 2/3, aspectRatio: 2/3,
margin: 0, margin: 0,
borderRadius: 16, borderRadius: 8,
overflow: 'hidden', overflow: 'hidden',
position: 'relative', position: 'relative',
elevation: 8, elevation: 8,
@ -909,7 +909,7 @@ const styles = StyleSheet.create<any>({
poster: { poster: {
width: '100%', width: '100%',
height: '100%', height: '100%',
borderRadius: 16, borderRadius: 8,
}, },
imdbLogo: { imdbLogo: {
width: 35, width: 35,
@ -948,7 +948,7 @@ const styles = StyleSheet.create<any>({
contentItemContainer: { contentItemContainer: {
width: '100%', width: '100%',
height: '100%', height: '100%',
borderRadius: 16, borderRadius: 8,
overflow: 'hidden', overflow: 'hidden',
position: 'relative', position: 'relative',
}, },
@ -1059,7 +1059,7 @@ const styles = StyleSheet.create<any>({
backgroundColor: 'rgba(0,0,0,0.5)', backgroundColor: 'rgba(0,0,0,0.5)',
justifyContent: 'center', justifyContent: 'center',
alignItems: 'center', alignItems: 'center',
borderRadius: 16, borderRadius: 8,
}, },
featuredImage: { featuredImage: {
width: '100%', width: '100%',

2
src/screens/LibraryScreen.tsx
View file

@ -390,7 +390,7 @@ const styles = StyleSheet.create({
marginBottom: 16, marginBottom: 16,
}, },
posterContainer: { posterContainer: {
borderRadius: 16, borderRadius: 8,
overflow: 'hidden', overflow: 'hidden',
backgroundColor: 'rgba(255,255,255,0.03)', backgroundColor: 'rgba(255,255,255,0.03)',
aspectRatio: 2/3, aspectRatio: 2/3,

2
src/screens/SearchScreen.tsx
View file

@ -710,7 +710,7 @@ const styles = StyleSheet.create({
horizontalItemPosterContainer: { horizontalItemPosterContainer: {
width: HORIZONTAL_ITEM_WIDTH, width: HORIZONTAL_ITEM_WIDTH,
height: HORIZONTAL_POSTER_HEIGHT, height: HORIZONTAL_POSTER_HEIGHT,
borderRadius: 12, borderRadius: 8,
overflow: 'hidden', overflow: 'hidden',
marginBottom: 8, marginBottom: 8,
borderWidth: 1, borderWidth: 1,