Skip to content

feat(frontend): global UI layout stabilization and responsive alignment #72

@Shakalito

Description

@Shakalito

Main objective: Apply a consistent visual structure across the entire application to eliminate the "raw" look before starting EPIC 6. This task focuses on global layout elements and centering content to ensure a professional feel on all existing pages.

Scope:

  • Implement a persistent Navbar with the "FINBOARD" brand and primary navigation links.

    • Implement a standard Footer to unify the page structure.
  • Wrap the main content of every page (Dashboard, Alerts, Portfolio, Watchlist, etc.) in a centered container.

    • Maybe se a "Card-based" design: add a background, rounded corners, and a subtle shadow to the main content area to separate it from the page background.
  • Ensure the layout is responsive (mobile-friendly).

    • Containers should adapt their width based on the screen size.

Technical Constraints to keep it clean for now:

  • No external UI frameworks if possible

Proposed example:

Image

Metadata

Metadata

Labels

frontendUser interface, dashboards, charts, and client-side state management.

Projects

No projects

Relationships

None yet

Development

No branches or pull requests

Issue actions