post cards overlay enhancements

2026-06-02 15:13:02 +05:30
parent 4d45e20cb1
commit 84d86c45b5
2 changed files with 8 additions and 9 deletions
@@ -72,11 +72,10 @@ export function PostGridCard({
              className="object-cover"
              unoptimized
            />
-            {/* Bottom-up gradient for caption legibility — keeps the image
-                visible up top while text sits over solid darkness below.
-                Stronger base + via stop pushed to 65% so roughly two-thirds
-                of the card is in the dark zone. */}
-            <div className="absolute inset-0 bg-gradient-to-t from-black/95 via-black/65 via-65% to-transparent" />
+            {/* Full-coverage scrim — even the top of the card carries enough
+                darkness (~40%) so white text overlaid anywhere stays
+                legible without looking blended with the image. */}
+            <div className="absolute inset-0 bg-gradient-to-t from-black/95 via-black/70 to-black/40" />
          </>
        ) : (
          <div className="absolute inset-0" style={quoteCardBgStyle()} />