alteropen/streamyfin
1
0
Fork 0
mirror of https://github.com/streamyfin/streamyfin.git synced 2026-06-09 23:48:41 +01:00
Code Issues Actions 8 Packages Projects Releases Wiki Activity

refactor(tv): have section pages fill width

Browse Source
This commit is contained in:
Fredrik Burmester
2026-02-01 21:10:25 +01:00
parent c35e97f388
commit 67bca1f989
7 changed files with 32 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
components/search/TVSearchPage.tsx
View File

@@ -222,12 +222,15 @@ export const TVSearchPage: React.FC<TVSearchPageProps> = ({
contentContainerStyle={{
paddingTop: insets.top + TOP_PADDING,
paddingBottom: insets.bottom + 60,
paddingLeft: insets.left + HORIZONTAL_PADDING,
paddingRight: insets.right + HORIZONTAL_PADDING,
}}
>
{/* Search Input */}
<View style={{ marginBottom: 24, marginHorizontal: SCALE_PADDING + 200 }}>
<View
style={{
marginBottom: 24,
marginHorizontal: HORIZONTAL_PADDING + 200,
}}
>
<Input
placeholder={t("search.search")}
value={search}
@@ -247,7 +250,7 @@ export const TVSearchPage: React.FC<TVSearchPageProps> = ({
{/* Search Type Tab Badges */}
{showDiscover && (
<View style={{ marginHorizontal: SCALE_PADDING }}>
<View style={{ marginHorizontal: HORIZONTAL_PADDING }}>
<TVSearchTabBadges
searchType={searchType}
setSearchType={setSearchType}

8
components/search/TVSearchSection.tsx
View File

@@ -273,7 +273,7 @@ export const TVSearchSection: React.FC<TVSearchSectionProps> = ({
fontWeight: "700",
color: "#FFFFFF",
marginBottom: 20,
marginLeft: SCALE_PADDING,
marginLeft: sizes.padding.horizontal,
letterSpacing: 0.5,
}}
>
@@ -293,9 +293,13 @@ export const TVSearchSection: React.FC<TVSearchSectionProps> = ({
removeClippedSubviews={false}
getItemLayout={getItemLayout}
style={{ overflow: "visible" }}
contentInset={{
left: sizes.padding.horizontal,
right: sizes.padding.horizontal,
}}
contentOffset={{ x: -sizes.padding.horizontal, y: 0 }}
contentContainerStyle={{
paddingVertical: SCALE_PADDING,
paddingHorizontal: SCALE_PADDING,
}}
/>
</View>