Skip to content

fix: support portrait/vertical app screenshots across viewer and cards#76

Open
hbnordin2 wants to merge 1 commit into
reg-viz:mainfrom
hbnordin2:fix/portrait-image-support
Open

fix: support portrait/vertical app screenshots across viewer and cards#76
hbnordin2 wants to merge 1 commit into
reg-viz:mainfrom
hbnordin2:fix/portrait-image-support

Conversation

@hbnordin2

Copy link
Copy Markdown

Portrait images were rendered poorly: the viewer showed them at full width causing excessive vertical overflow, TwoUp and Diff views had no height constraints, and card thumbnails showed tiny slivers due to scale-down fit.

  • useComparisonImage: constrain by viewport height so portrait images fit without scrolling (affects Slide, Blend, Toggle modes)
  • TwoUp: cap image max-height to viewport via globalStyle
  • Diff: wrap in flex container with matching max-height constraint
  • Card: switch from scale-down to cover so portrait thumbnails fill the card area meaningfully

What does this change?

A clear and concise description of what the changes is.

References

  • If you have links to other resources, please list them here. (e.g. issue url, related pull request url, documents)

Screenshots

If applicable, add screenshots to help explain your changes.

What can I check for bug fixes?

Please briefly describe how you can confirm the resolution of the bug.

Portrait images were rendered poorly: the viewer showed them at full width
causing excessive vertical overflow, TwoUp and Diff views had no height
constraints, and card thumbnails showed tiny slivers due to scale-down fit.

- useComparisonImage: constrain by viewport height so portrait images fit
  without scrolling (affects Slide, Blend, Toggle modes)
- TwoUp: cap image max-height to viewport via globalStyle
- Diff: wrap in flex container with matching max-height constraint
- Card: switch from scale-down to cover so portrait thumbnails fill the
  card area meaningfully

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant