alteropen/streamyfin
1
0
Fork 0
mirror of https://github.com/streamyfin/streamyfin.git synced 2026-05-26 08:46:45 +01:00
Code Issues Actions 6 Packages Projects Releases Wiki Activity

Merge pull request #252 from Alexk2309/hotfix/control-ui-fix-skip-intro-button-overlapping-with-safe-area

Browse Source 
Fixed skip intro button overlapping with safe area
This commit is contained in:
Fredrik Burmester
2024-12-05 20:35:27 +01:00
committed by GitHub
parent c51965016c 19fc00e314
commit f16c486bfb
1 changed files with 22 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
components/video-player/controls/Controls.tsx
View File

@@ -343,7 +343,8 @@ export const Controls: React.FC<Props> = ({
style={[ style={[
{ {
position: "absolute", position: "absolute",
bottom: 110, right: insets.right,
bottom: insets.bottom + 50,
}, },
]} ]}
className={`z-10 p-4 className={`z-10 p-4
@@ -352,17 +353,24 @@ export const Controls: React.FC<Props> = ({
> >
<TouchableOpacity <TouchableOpacity
onPress={skipIntro} onPress={skipIntro}
className="bg-purple-600 rounded-full px-2.5 py-2 font-semibold" style={{
backgroundColor: "rgba(0, 0, 0, 0.75)", // Adjusted background color
borderRadius: 5, // Adjusted border radius
paddingHorizontal: 10,
paddingVertical: 15,
borderWidth: 2,
borderColor: "#5A5454",
}}
> >
<Text className="text-white">Skip Intro</Text> <Text className="text-white font-bold">Skip Intro</Text>
</TouchableOpacity> </TouchableOpacity>
</View> </View>
<View <View
style={{ style={{
position: "absolute", position: "absolute",
bottom: 110, right: insets.right,
height: 70, bottom: insets.bottom + 50,
}} }}
pointerEvents={showSkipCreditButton ? "auto" : "none"} pointerEvents={showSkipCreditButton ? "auto" : "none"}
className={`z-10 p-4 ${ className={`z-10 p-4 ${
@@ -371,9 +379,16 @@ export const Controls: React.FC<Props> = ({
> >
<TouchableOpacity <TouchableOpacity
onPress={skipCredit} onPress={skipCredit}
className="bg-purple-600 rounded-full px-2.5 py-2 font-semibold" style={{
backgroundColor: "rgba(0, 0, 0, 0.75)", // Adjusted background color
borderRadius: 5, // Adjusted border radius
paddingHorizontal: 10,
paddingVertical: 15,
borderWidth: 2,
borderColor: "#5A5454",
}}
> >
<Text className="text-white">Skip Credits</Text> <Text className="text-white font-bold">Skip Credits</Text>
</TouchableOpacity> </TouchableOpacity>
</View> </View>