This commit is contained in:
tapframe 2025-11-16 16:53:54 +05:30
parent 69ac2d64ad
commit 655ddbeb42
2 changed files with 9 additions and 6 deletions

View file

@ -527,10 +527,11 @@ export const PlayerControls: React.FC<PlayerControlsProps> = ({
<LinearGradient
colors={['transparent', 'rgba(0,0,0,0.7)']}
style={styles.bottomGradient}
pointerEvents="box-none"
>
<View style={styles.bottomControls}>
<View style={styles.bottomControls} pointerEvents="box-none">
{/* Center Buttons Container with rounded background - wraps all buttons */}
<View style={styles.centerControlsContainer}>
<View style={styles.centerControlsContainer} pointerEvents="box-none">
{/* Left Side: Aspect Ratio Button */}
<TouchableOpacity style={styles.iconButton} onPress={cycleAspectRatio}>
<Ionicons name="expand-outline" size={24} color="white" />

View file

@ -333,17 +333,19 @@ export const styles = StyleSheet.create({
paddingVertical: 8,
},
iconButton: {
padding: 8,
padding: 12,
alignItems: 'center',
justifyContent: 'center',
minWidth: 44,
minHeight: 44,
},
centerControlsContainer: {
flexDirection: 'row',
alignItems: 'center',
justifyContent: 'center',
gap: 4,
paddingHorizontal: 8,
paddingVertical: 4,
gap: 2,
paddingHorizontal: 4,
paddingVertical: 2,
marginTop: 12,
backgroundColor: 'rgba(0, 0, 0, 0.5)',
borderRadius: 24,