[Due for payment 2025-04-25] [$250] [Better Expense Report View] Use aspect-ratio for receipt thumbnail area of expense previews

[shawnborton]

For expense previews on smaller screens (mobile), the overall width of the expense preview is skinnier and thus the receipt thumbnail feels "taller" in proportion to other expense previews, particularly desktop. If we use aspect-ratio, we always get a consistent proportionality. This will also ensure that eReceipts always get the same exact cut-off point.

CleanShot.2025-04-02.at.08.15.12.mp4

I think using aspect-ratio: 16 / 9 seems to give us a good proportion here.

Note

This is a follow up issue we're tracking from the Better Expense Preview follow ups

cc @trjExpensify @mountiny @mountiny @Expensify/design

Upwork Automation - Do Not Edit

• Upwork Job URL: https://www.upwork.com/jobs/~021907492451199835796
• Upwork Job ID: 1907492451199835796
• Last Price Increase: 2025-04-02
• Automatic offers:
• FitseTLT | Contributor | 106840549

Issue Owner

Current Issue Owner: @

Issue Owner

Current Issue Owner: @bfitzexpensify

[melvin-bot]

Current assignee @shawnborton is eligible for the Design assigner, not assigning anyone new.

[melvin-bot]

Job added to Upwork: https://www.upwork.com/jobs/~021907492451199835796

[melvin-bot]

Triggered auto assignment to Contributor-plus team member for initial proposal review - @ntdiary (External)