Ninjalama/streamyfin_mirror
1
0
Fork 1
mirror of https://github.com/streamyfin/streamyfin.git synced 2025-08-20 18:37:18 +02:00
Code Issues Actions 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={[
{
position: "absolute",
bottom: 110,
right: insets.right,
bottom: insets.bottom + 50,
},
]}
className={`z-10 p-4
@@ -352,17 +353,24 @@ export const Controls: React.FC<Props> = ({
>
<TouchableOpacity
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>
</View>
<View
style={{
position: "absolute",
bottom: 110,
height: 70,
right: insets.right,
bottom: insets.bottom + 50,
}}
pointerEvents={showSkipCreditButton ? "auto" : "none"}
className={`z-10 p-4 ${
@@ -371,9 +379,16 @@ export const Controls: React.FC<Props> = ({
>
<TouchableOpacity
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>
</View>