edited UI and created navbar component #228
Merged
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
This pull request introduces a new global navigation bar to the application and standardizes page layouts to accommodate it. The main changes include adding a reusable
Navbarcomponent, updating all major pages to include top padding so content is not hidden behind the fixed navbar, and removing redundant navigation code from individual pages. Additionally, the dashboards and authentication pages are updated for consistency.Navigation and Layout Updates:
Navbarcomponent (frontend/src/components/ui/Navbar.tsx) that provides a consistent navigation bar across all pages, including authentication-aware buttons and logout functionality.Navbarinto the main app layout by updatingApp.tsxso it appears on every page. [1] [2]Welcomepage and refactored its layout and marketing content for a more modern landing experience.Page Layout and Spacing Adjustments:
pt-20(padding-top) to the main containers of all major pages (e.g., Home, dashboards, schedule, availability, password reset) to ensure content appears below the fixed navbar. [1] [2] [3] [4] [5] [6] [7] [8] [9] [10] [11]Dashboard and Auth Page Consistency:
These changes collectively improve navigation consistency, modernize the landing experience, and ensure a uniform layout throughout the app.