Fix sticky header background

This commit is contained in:
Zoe Roux 2026-02-13 18:29:22 +01:00
parent b3d5b99862
commit 433da2f6c4
No known key found for this signature in database
2 changed files with 8 additions and 2 deletions

View File

@ -442,7 +442,7 @@
"@jridgewell/trace-mapping": ["@jridgewell/trace-mapping@0.3.31", "", { "dependencies": { "@jridgewell/resolve-uri": "^3.1.0", "@jridgewell/sourcemap-codec": "^1.4.14" } }, "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw=="],
"@legendapp/list": ["@legendapp/list@github:zoriya/legend-list#7acb558", { "dependencies": { "use-sync-external-store": "^1.5.0" }, "peerDependencies": { "react": "*" } }, "zoriya-legend-list-7acb558"],
"@legendapp/list": ["@legendapp/list@github:zoriya/legend-list#d5d3344", { "dependencies": { "use-sync-external-store": "^1.5.0" }, "peerDependencies": { "react": "*" } }, "zoriya-legend-list-d5d3344"],
"@material-symbols/svg-400": ["@material-symbols/svg-400@0.40.2", "", {}, "sha512-e2yEgZW/OveVT1sGaZW1kkRWTPVghjsJYWy+vIea3q08Fv2o7FCYv23PESMyr5D4AaAXdM5dKWkF1e6yIm4swA=="],

View File

@ -107,7 +107,13 @@ export const SerieDetails = () => {
contentContainerStyle={{ paddingBottom: insets.bottom }}
onScroll={scrollHandler}
scrollEventThrottle={16}
stickyHeaderConfig={{ offset: headerHeight }}
stickyHeaderConfig={{
offset: headerHeight,
backdropComponent: () => (
// hr bottom margin is m-4 and layout gap is 2 but it's only applied on the web and idk why
<View className="absolute inset-0 mb-4 web:mb-6 bg-card" />
),
}}
/>
</View>
);