alteropen/streamyfin
1
0
Fork 0
mirror of https://github.com/streamyfin/streamyfin.git synced 2026-05-28 09:38:25 +01:00
Code Issues Actions 6 Packages Projects Releases Wiki Activity

style(tv): fix horizontal alignment of TVCastSection in item details page

Browse Source
This commit is contained in:
Fredrik Burmester
2026-05-27 09:53:56 +02:00
parent 4a4d6948cf
commit 2486b2c069
2 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
components/tv/TVCastSection.tsx
View File

@@ -15,6 +15,8 @@ export interface TVCastSectionProps {
firstActorRefSetter?: (ref: View | null) => void;
/** Ref to focus guide destination for upward navigation */
upwardFocusDestination?: View | null;
/** Custom horizontal padding (overrides default 80) */
horizontalPadding?: number;
}
export const TVCastSection: React.FC<TVCastSectionProps> = React.memo(
@@ -24,6 +26,7 @@ export const TVCastSection: React.FC<TVCastSectionProps> = React.memo(
onActorPress,
firstActorRefSetter,
upwardFocusDestination,
horizontalPadding = 80,
}) => {
const typography = useScaledTVTypography();
const sizes = useScaledTVSizes();
@@ -55,9 +58,9 @@ export const TVCastSection: React.FC<TVCastSectionProps> = React.memo(
<ScrollView
horizontal
showsHorizontalScrollIndicator={false}
style={{ marginHorizontal: -80, overflow: "visible" }}
style={{ marginHorizontal: -horizontalPadding, overflow: "visible" }}
contentContainerStyle={{
paddingHorizontal: 80,
paddingHorizontal: horizontalPadding,
paddingVertical: 16,
gap: sizes.gaps.item,
}}