Skip to content

Make frontend mobile friendly :) - #4394

Merged
joaoantoniocardoso merged 10 commits into
bluerobotics:masterfrom
patrickelectric:fix-vehicle-setup-mobile
Sep 4, 2026
Merged

Make frontend mobile friendly :)#4394
joaoantoniocardoso merged 10 commits into
bluerobotics:masterfrom
patrickelectric:fix-vehicle-setup-mobile

Conversation

@patrickelectric

Copy link
Copy Markdown
Member

Helps #4391
This will probably not cover everything, but already helps a lot

old:
8191a514-bd25-4847-9a35-cdaaecee23b9

06f468cd-a6b8-405d-b10c-7160b3217144 b912d895-8574-4111-90ce-05ebd8e68d4a 593e34ad-01d1-43b5-8f18-ffc37a5c0cff 09805587-5e84-4ee1-b18f-1b5bf86f84e6 a1b55c16-fe3f-4f0f-9862-a166e9fd52b4 7078bc48-1a6d-432e-a45e-40f8cf7b87ee 87991d11-a41e-4891-8dc9-bd46965e14e9

New:

9f9dc9dd-6c0b-4f02-ace1-bf7dcc05962d 212cf03a-a556-43d6-96bf-4ee06596cf1e 1dd9941b-a950-4e9c-b7c2-08ada7978851 5313ee26-a904-4827-8e9a-dbb50024f876 d03a9a0d-41f4-4416-b73f-d75459e00715 93de21ba-1287-4c6c-9043-bafcccf4db68 dcee526c-5164-430f-926f-6da58e09c501 769b7333-7c56-4cb2-9af2-a0c1ef619859

Signed-off-by: Patrick José Pereira <patrickelectric@gmail.com>
Signed-off-by: Patrick José Pereira <patrickelectric@gmail.com>
Signed-off-by: Patrick José Pereira <patrickelectric@gmail.com>
… width

Signed-off-by: Patrick José Pereira <patrickelectric@gmail.com>
Signed-off-by: Patrick José Pereira <patrickelectric@gmail.com>
flex-col is not a Vuetify class, so the container stayed a row and
pushed the compass settings off screen on small displays.

Signed-off-by: Patrick José Pereira <patrickelectric@gmail.com>
…reens

Signed-off-by: Patrick José Pereira <patrickelectric@gmail.com>
Signed-off-by: Patrick José Pereira <patrickelectric@gmail.com>
Signed-off-by: Patrick José Pereira <patrickelectric@gmail.com>
Signed-off-by: Patrick José Pereira <patrickelectric@gmail.com>
@patrickelectric patrickelectric changed the title Make frontend mobile friendly : Make frontend mobile friendly :) Sep 3, 2026
@patrickelectric patrickelectric added the move-to-stable Needs to be cherry-picked and move to stable label Sep 3, 2026
@patrickelectric
patrickelectric marked this pull request as ready for review September 3, 2026 20:45
@patrickelectric
patrickelectric requested a review from a team September 3, 2026 20:45
@github-actions

github-actions Bot commented Sep 3, 2026

Copy link
Copy Markdown

Automated PR Review

0. Summary

  • Verdict: LGTM :shipit:

CSS-only mobile-friendliness pass on nine vehicle-setup components: replaces hardcoded min-width/width values with min(px, 100%) or max-width: 100%, adds flex-wrap/flex-column flex-md-row where cards previously overflowed, and adds two small @media (max-width: 600px) blocks (motor-test table stacking, vertical compass tab rail stacking). Also incidentally fixes a stray flex-col (not a real Vuetify 2 class) → flex-column flex-md-row in ArdupilotMavlinkCompassSetup.vue:4.

No further comments, nice job 👍

Generated by PR Review Bot. This is advisory, a human reviewer must still approve.

@joaoantoniocardoso joaoantoniocardoso left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nice. I made this list while reviewing it.

@joaoantoniocardoso
joaoantoniocardoso merged commit 8c7cb54 into bluerobotics:master Sep 4, 2026
9 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

move-to-stable Needs to be cherry-picked and move to stable

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants