Fix/mobile wireguard qr layout #361

Closed
opened 2026-04-05 17:07:47 +02:00 by MrUnknownDE · 0 comments
Owner

Originally created by @K0lin on 1/19/2026

Community Contribution License Agreement

By creating this pull request, I grant the project maintainers an unlimited,
perpetual license to use, modify, and redistribute these contributions under any terms they
choose, including both the AGPLv3 and the Fossorial Commercial license terms. I
represent that I have the right to grant this license for all contributed content.

Description

Updated the layout classes in both site creation and site credentials pages to use responsive flexbox:

  • Changed flex items-center gap-4 to flex flex-col sm:flex-row items-center gap-4
  • This stacks the QR code and text box vertically on small screens.

Fixes #2264

image
*Originally created by @K0lin on 1/19/2026* ## Community Contribution License Agreement By creating this pull request, I grant the project maintainers an unlimited, perpetual license to use, modify, and redistribute these contributions under any terms they choose, including both the AGPLv3 and the Fossorial Commercial license terms. I represent that I have the right to grant this license for all contributed content. ## Description Updated the layout classes in both site creation and site credentials pages to use responsive flexbox: - Changed `flex items-center gap-4` to `flex flex-col sm:flex-row items-center gap-4` - This stacks the QR code and text box vertically on small screens. Fixes #2264 <img width="347" height="387" alt="image" src="https://github.com/user-attachments/assets/c48d0431-d455-411b-9248-f536b7a9897b" />
Sign in to join this conversation.
No Label
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github/pangolin#361