Dimillian / IceCubesApp

A SwiftUI Mastodon client
https://apps.apple.com/us/app/ice-cubes-for-mastodon/id6444915884
GNU Affero General Public License v3.0
4.89k stars 461 forks source link

Handle edge cases for `StatusRowCardView` #1985

Closed thai-d-v closed 4 months ago

thai-d-v commented 4 months ago

Problem

I am trying to solve the problem at #1967. I don't limit the preview image height in the first place (#1904) because I don't know how to handle its display. Two critical aspects of StatusRowCardView are card layout and preview content.

Solution

  1. Using a Fit Image to keep the content of intentionally well-designed preview images
  2. Use a blurred Fill Image in the background to:
    • keep the card layout
    • give spaces nuance colors to keep the card display coherent
  3. max height is 450 (same as media max height)

(high resolution image, you should zoom in to see the details) image

Dimillian commented 4 months ago

I think I like this solution, I'll do some testing around and see. Thanks!