From 1102df8384404af198995a6696fd2a7e70f3d9f1 Mon Sep 17 00:00:00 2001
From: Alex Kim <alexkim5682@gmail.com>
Date: Mon, 9 Dec 2024 01:06:32 +1100
Subject: [PATCH] Added fixes for opacity style

---
 components/video-player/controls/EpisodeList.tsx | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/components/video-player/controls/EpisodeList.tsx b/components/video-player/controls/EpisodeList.tsx
index f3ddfbc9..710c4b6d 100644
--- a/components/video-player/controls/EpisodeList.tsx
+++ b/components/video-player/controls/EpisodeList.tsx
@@ -183,8 +183,6 @@ export const EpisodeList: React.FC<Props> = ({ item, close }) => {
     <View
       style={{
         position: "absolute",
-        left: insets.left,
-        right: insets.right,
         backgroundColor: "black",
       }}
     >
@@ -235,7 +233,9 @@ export const EpisodeList: React.FC<Props> = ({ item, close }) => {
                 <View
                   key={_item.Id}
                   style={{}}
-                  className={`flex flex-col w-44 opacity-100`}
+                  className={`flex flex-col w-44 ${
+                    item.Id !== _item.Id ? "opacity-75" : ""
+                  }`}
                 >
                   <TouchableOpacity
                     onPress={() => {
@@ -282,9 +282,6 @@ export const EpisodeList: React.FC<Props> = ({ item, close }) => {
               keyExtractor={(e: BaseItemDto) => e.Id ?? ""}
               estimatedItemSize={200}
               showsHorizontalScrollIndicator={false}
-              contentContainerStyle={{
-                paddingHorizontal: 16,
-              }}
             />
           </View>
         </>