Skip to content

Make vehicle setup more mobile friendly - #4424

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

Make vehicle setup more mobile friendly#4424
joaoantoniocardoso merged 4 commits into
bluerobotics:masterfrom
patrickelectric:fix-vehicle-setup-mobile-2

Conversation

@patrickelectric

@patrickelectric patrickelectric commented Sep 10, 2026

Copy link
Copy Markdown
Member

Helps #4391
Follow up of #4394.

master:

pr_baro master_gyroscope master_overview master_vehiclebody

now:

master_baro pr_gyroscope pr_overview pr_vehiclebody

VehicleSetupView already wraps the tabs in a fluid container, the
second one only adds another 12px gutter on each side, which is 24px
of a 412px phone screen.

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

The parameter card has a 220px minimum width and floats over the
viewer, on a phone the viewer is only 256px wide, so the card covers
the model and the camera frames it too close.

Signed-off-by: Patrick José Pereira <patrickelectric@gmail.com>
The label keeps 5 of the 12 columns on every screen, which leaves the
selects too narrow to show a value like "BlueBoat120 Power Module v2".

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

Six columns of 16px gutters are 96px of a 412px screen. The barometer
table drops from 430px to 334px and the autopilot sensors one from
426px to 346px, both stop hiding their last column.

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

Copy link
Copy Markdown

Automated PR Review

0. Summary

  • Verdict: LGTM :shipit:

Makes the Vehicle Setup page mobile-friendly: drops the outer v-container in Configure.vue, adds a <600px media query in OrientationPicker.vue to move the selector overlay off the 3D viewer, switches BatteryCard.vue rows to a stacked cols="12" sm="5|7" grid with text-sm-right, and shrinks v-data-table cell padding on small screens via vuetify-global.css. All changes use standard Vuetify breakpoint conventions and each media query carries a short "why" comment.

No further comments, nice job 👍

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

@patrickelectric patrickelectric added the move-to-stable Needs to be cherry-picked and move to stable label Sep 10, 2026
@patrickelectric
patrickelectric requested a review from a team September 10, 2026 01:02
@patrickelectric patrickelectric changed the title Make vehicle setup mobile friendly Make vehicle setup more mobile friendly Sep 10, 2026
@joaoantoniocardoso
joaoantoniocardoso merged commit de3ad2a into bluerobotics:master Sep 14, 2026
8 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