fix: fix controls overlapping back button without accidentally moving controls

This commit is contained in:
Adrian Castro
2024-02-13 12:22:39 +01:00
parent f6b5f3d342
commit e7f0d4950a
2 changed files with 2 additions and 2 deletions

View File

@@ -18,7 +18,7 @@ interface HeaderProps {
export const Header = ({ data }: HeaderProps) => { export const Header = ({ data }: HeaderProps) => {
return ( return (
<Controls className="absolute top-0 flex w-full flex-row items-center justify-between px-6 pt-6"> <Controls className="absolute top-0 z-10 flex w-full flex-row items-center justify-between px-6 pt-6">
<BackButton className="w-36" /> <BackButton className="w-36" />
<Text className="font-bold"> <Text className="font-bold">
{data.season && data.episode {data.season && data.episode

View File

@@ -15,7 +15,7 @@ export const MiddleControls = () => {
return ( return (
<TouchableWithoutFeedback onPress={handleTouch}> <TouchableWithoutFeedback onPress={handleTouch}>
<View className="absolute flex h-full w-full flex-1 flex-row items-center justify-center gap-24"> <View className="absolute inset-x-0 top-1/3 bottom-1/3 flex flex-row items-center justify-center gap-24">
<Controls> <Controls>
<SeekButton type="backward" /> <SeekButton type="backward" />
</Controls> </Controls>