diff --git a/src/screens/LogoSourceSettings.tsx b/src/screens/LogoSourceSettings.tsx index 7682636d..f3d67dff 100644 --- a/src/screens/LogoSourceSettings.tsx +++ b/src/screens/LogoSourceSettings.tsx @@ -481,8 +481,7 @@ const LogoSourceSettings = () => { {/* Description */} - Choose the primary source for content logos and background images. This affects the appearance - of titles in the metadata screen. + Choose the primary source for content logos and backgrounds. @@ -539,8 +538,7 @@ const LogoSourceSettings = () => { - Prioritizes high-quality title logos from the Metahub image repository. - Offers good coverage for popular titles. + High-quality logos from Metahub. Best for popular titles. @@ -567,8 +565,7 @@ const LogoSourceSettings = () => { - Uses logos from The Movie Database. Often includes more localized and newer logos, - with better coverage for recent content. + Logos from TMDB. Offers localized options and better coverage for recent content. @@ -582,7 +579,7 @@ const LogoSourceSettings = () => { Logo Language - Select your preferred language for TMDB logos. This affects all content when TMDB is used as the logo source. + Select your preferred language for TMDB logos. { ))} - Note: Not all titles have logos in all languages. If a logo isn't available in your preferred language, English will be used as a fallback. + If unavailable in preferred language, English will be used as fallback. )} @@ -625,8 +622,7 @@ const LogoSourceSettings = () => { {/* Additional Info */} - If a logo is not available from your preferred source, the app will automatically fall back to the other source. - If no logo is found, the title text will be shown instead. + Unavailable logos will fall back to the alternate source, or display text if none found. @@ -643,70 +639,70 @@ const LogoSourceSettings = () => { flexDirection: 'row', alignItems: 'center', justifyContent: 'space-between', - paddingHorizontal: 16, - height: 56, + paddingHorizontal: 12, + height: 48, backgroundColor: colors.elevation2, }, backButton: { - width: 40, - height: 40, + width: 36, + height: 36, alignItems: 'center', justifyContent: 'center', }, headerTitle: { color: colors.white, - fontSize: 20, + fontSize: 18, fontWeight: '600', }, headerRight: { - width: 40, + width: 36, }, scrollView: { flex: 1, }, descriptionContainer: { - padding: 16, + padding: 12, borderBottomWidth: 1, borderBottomColor: 'rgba(255,255,255,0.1)', }, description: { color: colors.text, - fontSize: 16, - lineHeight: 24, + fontSize: 14, + lineHeight: 20, }, showSelectorContainer: { - padding: 16, - paddingBottom: 8, + padding: 12, + paddingBottom: 6, }, selectorLabel: { color: colors.text, - fontSize: 16, - marginBottom: 12, + fontSize: 14, + marginBottom: 8, }, showsScrollContent: { paddingRight: 16, }, showItem: { - paddingHorizontal: 16, - paddingVertical: 8, + paddingHorizontal: 12, + paddingVertical: 6, backgroundColor: colors.elevation2, - borderRadius: 20, - marginRight: 8, + borderRadius: 16, + marginRight: 6, borderWidth: 1, borderColor: 'transparent', shadowColor: '#000', shadowOffset: { width: 0, height: 1 }, shadowOpacity: 0.1, - shadowRadius: 2, + shadowRadius: 1, elevation: 1, }, selectedShowItem: { borderColor: colors.primary, backgroundColor: colors.elevation3, shadowColor: colors.primary, - shadowOffset: { width: 0, height: 2 }, + shadowOffset: { width: 0, height: 1 }, shadowOpacity: 0.2, - shadowRadius: 3, + shadowRadius: 2, elevation: 2, }, showItemText: { @@ -718,16 +714,16 @@ const LogoSourceSettings = () => { fontWeight: '600', }, optionsContainer: { - padding: 16, - gap: 16, + padding: 10, + gap: 10, }, optionCard: { backgroundColor: colors.elevation2, - borderRadius: 12, - padding: 16, + borderRadius: 8, + padding: 12, borderWidth: 2, borderColor: 'transparent', - marginBottom: 12, + marginBottom: 8, shadowColor: '#000', shadowOffset: { width: 0, height: 2 }, shadowOpacity: 0.2, @@ -744,26 +740,26 @@ const LogoSourceSettings = () => { flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center', - marginBottom: 8, + marginBottom: 6, }, optionTitle: { color: colors.white, - fontSize: 18, + fontSize: 16, fontWeight: '600', }, optionDescription: { color: colors.mediumEmphasis, - fontSize: 14, - lineHeight: 20, - marginBottom: 16, + fontSize: 13, + lineHeight: 18, + marginBottom: 10, }, exampleContainer: { - marginTop: 8, + marginTop: 4, }, exampleLabel: { color: colors.mediumEmphasis, - fontSize: 14, - marginBottom: 8, + fontSize: 13, + marginBottom: 4, }, exampleImage: { height: 60, @@ -776,58 +772,58 @@ const LogoSourceSettings = () => { alignItems: 'center', }, infoBox: { - margin: 16, - padding: 16, + margin: 10, + padding: 10, backgroundColor: 'rgba(255,255,255,0.05)', - borderRadius: 8, - borderLeftWidth: 4, + borderRadius: 6, + borderLeftWidth: 3, borderLeftColor: colors.primary, }, infoText: { color: colors.mediumEmphasis, - fontSize: 14, - lineHeight: 20, + fontSize: 12, + lineHeight: 18, }, logoSourceLabel: { color: colors.mediumEmphasis, - fontSize: 12, - marginTop: 4, + fontSize: 11, + marginTop: 2, }, languageSelectorContainer: { - marginTop: 16, - padding: 12, + marginTop: 10, + padding: 10, backgroundColor: 'rgba(255,255,255,0.05)', - borderRadius: 8, + borderRadius: 6, }, languageSelectorTitle: { color: colors.white, - fontSize: 16, + fontSize: 14, fontWeight: '600', - marginBottom: 8, + marginBottom: 4, }, languageSelectorDescription: { color: colors.mediumEmphasis, - fontSize: 14, - lineHeight: 20, - marginBottom: 12, + fontSize: 12, + lineHeight: 18, + marginBottom: 8, }, languageSelectorLabel: { color: colors.mediumEmphasis, - fontSize: 13, - marginBottom: 8, + fontSize: 12, + marginBottom: 6, }, languageScrollContent: { - paddingVertical: 4, + paddingVertical: 2, }, languageItem: { - paddingHorizontal: 12, - paddingVertical: 8, + paddingHorizontal: 10, + paddingVertical: 6, backgroundColor: colors.elevation1, - borderRadius: 16, - marginRight: 8, + borderRadius: 12, + marginRight: 6, borderWidth: 1, borderColor: colors.elevation3, - marginVertical: 2, + marginVertical: 1, shadowColor: '#000', shadowOffset: { width: 0, height: 1 }, shadowOpacity: 0.1, @@ -838,14 +834,14 @@ const LogoSourceSettings = () => { backgroundColor: colors.primary, borderColor: colors.primary, shadowColor: colors.primary, - shadowOffset: { width: 0, height: 2 }, + shadowOffset: { width: 0, height: 1 }, shadowOpacity: 0.2, - shadowRadius: 2, + shadowRadius: 1, elevation: 2, }, languageItemText: { color: colors.mediumEmphasis, - fontSize: 13, + fontSize: 12, fontWeight: '600', }, selectedLanguageItemText: { @@ -853,14 +849,14 @@ const LogoSourceSettings = () => { }, noteText: { color: colors.mediumEmphasis, - fontSize: 12, - marginTop: 12, + fontSize: 11, + marginTop: 8, fontStyle: 'italic', }, bannerContainer: { - height: 120, + height: 90, width: '100%', - borderRadius: 8, + borderRadius: 6, overflow: 'hidden', position: 'relative', }, @@ -874,9 +870,9 @@ const LogoSourceSettings = () => { logoOverBanner: { position: 'absolute', width: '80%', - height: '80%', + height: '75%', alignSelf: 'center', - top: '10%', + top: '12.5%', }, noLogoContainer: { position: 'absolute',