Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(frontend): New bottom main navigation for mobile #4955

Open
wants to merge 57 commits into
base: main
Choose a base branch
from

Conversation

daviddecentage
Copy link
Collaborator

@daviddecentage daviddecentage commented Feb 27, 2025

Motivation

It has been decided by the design team that the mobile version of the wallet needs a dedicated navigation bar.

Here we add a bottom navbar and adjust some aspects of the app to accommodate that change.

Changes

  • Added new padding 24 variable and applied it on the footer when signed in and on screen smaller than md
  • Added mobile navigation wrapper component
  • Relocated main navigation items to seperate component in order to reuse the main items for all navs
  • Added new color and tailwind class bg-primary-inverted-alt which is used for bottom nav bg
  • Added styling for new navbar
  • Added new mobile nav to layout

Tests

image
image

@daviddecentage daviddecentage marked this pull request as ready for review March 4, 2025 14:48
@daviddecentage daviddecentage requested a review from a team as a code owner March 4, 2025 14:48
@AntonioVentilii AntonioVentilii added the run-e2e-snapshots It needs the CI for E2E Snapshots label Mar 5, 2025
Copy link
Collaborator

@AntonioVentilii AntonioVentilii left a comment

Choose a reason for hiding this comment

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

LGTM tks

@AntonioVentilii AntonioVentilii disabled auto-merge March 5, 2025 22:50
Copy link
Collaborator

@AntonioVentilii AntonioVentilii left a comment

Choose a reason for hiding this comment

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

May you please check if all the screenshots matches you expectations?

Copy link
Collaborator

Choose a reason for hiding this comment

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

for example, this one is a bit strange... can it be that we screenshot even what's beyond the newport (the entire scrollable screen)?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
run-e2e-snapshots It needs the CI for E2E Snapshots
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants