Zoom into featured item to have a better parallax effect

msasikanth · Oct 4, 2023 · 61d16d3 · 61d16d3
1 parent 6f76d08
commit 61d16d3
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/shared/src/commonMain/kotlin/dev/sasikanth/rss/reader/home/ui/FeaturedPostItem.kt b/shared/src/commonMain/kotlin/dev/sasikanth/rss/reader/home/ui/FeaturedPostItem.kt
@@ -106,7 +106,11 @@ private fun DefaultFeaturedPostItem(
         Modifier.clip(MaterialTheme.shapes.extraLarge)
           .aspectRatio(featuredImageAspectRatio)
           .background(AppTheme.colorScheme.surfaceContainerLowest)
-          .graphicsLayer { translationX = pagerState.getOffsetFractionForPage(page) * 250f },
+          .graphicsLayer {
+            translationX = pagerState.getOffsetFractionForPage(page) * 250f
+            scaleX = 1.08f
+            scaleY = 1.08f
+          },
       contentDescription = null,
       contentScale = ContentScale.Crop,
     )
@@ -168,7 +172,11 @@ private fun LargeScreenFeaturedPostItem(
           .aspectRatio(featuredImageAspectRatio)
           .weight(0.92f)
           .background(AppTheme.colorScheme.surfaceContainerLowest)
-          .graphicsLayer { translationX = pagerState.getOffsetFractionForPage(page) * 250f },
+          .graphicsLayer {
+            translationX = pagerState.getOffsetFractionForPage(page) * 250f
+            scaleX = 1.08f
+            scaleY = 1.08f
+          },
       contentDescription = null,
       contentScale = ContentScale.Crop,
     )