mirror of
https://github.com/tapframe/NuvioStreaming.git
synced 2026-04-21 16:51:57 +00:00
Update SubtitleModals to conditionally display font size and background toggle sections based on custom subtitles setting. Adjust custom subtitle container position for better alignment.
This commit is contained in:
parent
897294fdfc
commit
65ece6a32a
2 changed files with 31 additions and 27 deletions
|
|
@ -169,7 +169,8 @@ export const SubtitleModals: React.FC<SubtitleModalsProps> = ({
|
|||
contentContainerStyle={{ padding: 20, paddingBottom: 40 }}
|
||||
showsVerticalScrollIndicator={false}
|
||||
>
|
||||
{/* Font Size Section */}
|
||||
{/* Font Size Section - Only show for custom subtitles */}
|
||||
{useCustomSubtitles && (
|
||||
<View style={{ marginBottom: 30 }}>
|
||||
<Text style={{
|
||||
color: 'rgba(255, 255, 255, 0.7)',
|
||||
|
|
@ -227,8 +228,10 @@ export const SubtitleModals: React.FC<SubtitleModalsProps> = ({
|
|||
</TouchableOpacity>
|
||||
</View>
|
||||
</View>
|
||||
)}
|
||||
|
||||
{/* Background Toggle Section */}
|
||||
{/* Background Toggle Section - Only show for custom subtitles */}
|
||||
{useCustomSubtitles && (
|
||||
<View style={{ marginBottom: 30 }}>
|
||||
<Text style={{
|
||||
color: 'rgba(255, 255, 255, 0.7)',
|
||||
|
|
@ -278,6 +281,7 @@ export const SubtitleModals: React.FC<SubtitleModalsProps> = ({
|
|||
</TouchableOpacity>
|
||||
</View>
|
||||
</View>
|
||||
)}
|
||||
|
||||
{/* Built-in Subtitles */}
|
||||
{vlcTextTracks.length > 0 && (
|
||||
|
|
|
|||
|
|
@ -530,7 +530,7 @@ export const styles = StyleSheet.create({
|
|||
},
|
||||
customSubtitleContainer: {
|
||||
position: 'absolute',
|
||||
bottom: 40, // Position above controls and progress bar
|
||||
bottom: 20, // Position lower, closer to bottom
|
||||
left: 20,
|
||||
right: 20,
|
||||
alignItems: 'center',
|
||||
|
|
|
|||
Loading…
Reference in a new issue