Skip to content

[1.4] Make frontend mobile friendly :) - #4418

Merged
joaoantoniocardoso merged 10 commits into
bluerobotics:1.4-devfrom
patrickelectric:fix-vehicle-setup-mobile-14
Sep 10, 2026
Merged

[1.4] Make frontend mobile friendly :)#4418
joaoantoniocardoso merged 10 commits into
bluerobotics:1.4-devfrom
patrickelectric:fix-vehicle-setup-mobile-14

Conversation

@patrickelectric

@patrickelectric patrickelectric commented Sep 9, 2026

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

Adapted from #4394

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

github-actions Bot commented Sep 9, 2026

Copy link
Copy Markdown

Automated PR Review

0. Summary

  • Verdict: LGTM :shipit:

Backport of the responsive layout fix from #4394 to the 1.4-dev branch. Switches FailsafeCard.vue's root v-card from flex-row to flex-column flex-sm-row so the icon and content stack on xs viewports, and adds max-width: 100% to the .failsafe-card rule so the fixed 700px width does not overflow narrow screens. As a bonus, the change collapses a stray double space in the class list.

No further comments, nice job 👍

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

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 [1.4] core: frontend: vehiclesetup: FailsafeCard: Stack card on small screens [1.4] Make frontend mobile friendly :) Sep 9, 2026
@patrickelectric
patrickelectric requested a review from a team September 9, 2026 17:05
@joaoantoniocardoso
joaoantoniocardoso merged commit aab48c2 into bluerobotics:1.4-dev Sep 10, 2026
6 checks passed
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.

2 participants