Skip to content

fix(client): make safety-number dialog and group-info layout responsive#1106

Open
NC1107 wants to merge 1 commit into
mainfrom
fix/responsive-safety-number-and-group-info
Open

fix(client): make safety-number dialog and group-info layout responsive#1106
NC1107 wants to merge 1 commit into
mainfrom
fix/responsive-safety-number-and-group-info

Conversation

@NC1107
Copy link
Copy Markdown
Owner

@NC1107 NC1107 commented May 22, 2026

Summary

Two screens were sized for desktop and broke on tablets / narrow viewports. Both fixes are local to the affected screen — desktop behaviour is unchanged.

Fixed

  • Safety number dialog — was fixed at 440x580 and only opened above 900px width. On tablets (700-899px) it now opens as a viewport-aware dialog that clamps width to 360-480 and height to ≤90% of the viewport (420-620 range). The full-screen route is still used below 700px.
  • Group info narrow layout — added SafeArea + 16px horizontal padding so the ListView doesn't slam into the screen edges on mobile.

Test plan

  • `flutter test test/widgets/safety_number_screen_test.dart` — 11/11 pass
  • `flutter test test/screens/group_info_screen_test.dart` — 30/30 pass
  • `flutter analyze --fatal-infos` clean on both files
  • dart format clean

Part of the 2026-05-22 responsive audit. See #1101 for the remaining 3 screens still needing mobile layouts (voice lounge, AuthLayout audit, and one more).

Safety number screen: drops the dialog breakpoint from 900px to 700px and
clamps both width (360-480) and height (≤90% viewport, 420-620 range) so the
dialog adapts to tablets and shorter viewports instead of overflowing.

Group info narrow layout: wraps in SafeArea and adds 16px horizontal padding
to the ListView so content doesn't crash into the screen edge on mobile.
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