From 1c4dc396c663c7f79f183efdd0c30d70a3d7fa33 Mon Sep 17 00:00:00 2001
From: Soham Rayate <rayatesoham@gmail.com>
Date: Sat, 23 May 2026 14:15:12 +0530
Subject: [PATCH] Fix missing navbar on authentication pages

---
 src/components/Navbar.tsx     | 2 +-
 src/pages/Activity.tsx        | 2 +-
 src/pages/Login/Login.tsx     | 6 +++++-
 src/pages/Tracker/Tracker.tsx | 2 +-
 4 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index fd5eac86..4fd8d4cf 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -22,7 +22,7 @@ const Navbar: React.FC = () => {
   const closeMenu = () => setIsOpen(false);
 
   return (
-    <nav className="sticky top-0 z-50 bg-white dark:bg-gray-900 border-b border-gray-200 dark:border-gray-800 transition-colors duration-300 backdrop-blur">
+    <nav className="fixed top-0 left-0 w-full z-50 bg-white dark:bg-gray-900 border-b border-gray-200 dark:border-gray-800 transition-colors">
       <div className="max-w-7xl mx-auto px-6 py-4 flex items-center justify-between">
 
         {/* Logo */}
diff --git a/src/pages/Activity.tsx b/src/pages/Activity.tsx
index ccc3d207..bbdf2b00 100644
--- a/src/pages/Activity.tsx
+++ b/src/pages/Activity.tsx
@@ -1,7 +1,7 @@
 import ActivityFeed from "../components/ActivityFeed";
 export default function Activity() {
   return (
-    <div className="w-full h-full p-6 bg-gray-50 dark:bg-gray-800">
+    <div className="w-full h-full pt-24 p-6 bg-gray-50 dark:bg-gray-800">
       <div className="max-w-2xl mx-auto">
         <h1 className="text-2xl font-bold mb-4 text-center">
           Live GitHub Activity
diff --git a/src/pages/Login/Login.tsx b/src/pages/Login/Login.tsx
index 92b7073e..9c02df00 100644
--- a/src/pages/Login/Login.tsx
+++ b/src/pages/Login/Login.tsx
@@ -3,6 +3,7 @@ import axios from "axios";
 import { useNavigate, Link } from "react-router-dom";
 import { ThemeContext } from "../../context/ThemeContext";
 import type { ThemeContextType } from "../../context/ThemeContext";
+import Navbar from "../../components/Navbar";
 
 const backendUrl = import.meta.env.VITE_BACKEND_URL;
 
@@ -48,8 +49,10 @@ const Login: React.FC = () => {
   };
 
   return (
+    <>
+      <Navbar />
     <div
-      className={`min-h-screen h-full w-full flex items-center justify-center relative overflow-hidden ${
+      className={`min-h-screen pt-24 h-full w-full flex items-center justify-center relative overflow-hidden ${
         mode === "dark"
           ? "bg-gradient-to-br from-slate-900 via-purple-900 to-slate-900"
           : "bg-gradient-to-br from-slate-100 via-purple-100 to-slate-100"
@@ -160,6 +163,7 @@ const Login: React.FC = () => {
 
       <div className={`${mode === "dark" ? "from-slate-900" : "from-slate-100"} absolute bottom-0 left-0 w-full h-20 bg-gradient-to-t to-transparent`} />
     </div>
+    </>
   );
 };
 
diff --git a/src/pages/Tracker/Tracker.tsx b/src/pages/Tracker/Tracker.tsx
index 576f39bf..45ea5cb2 100644
--- a/src/pages/Tracker/Tracker.tsx
+++ b/src/pages/Tracker/Tracker.tsx
@@ -164,7 +164,7 @@ const Home: React.FC = () => {
   const totalCount = tab === 0 ? totalIssues : totalPrs;
 
   return (
-    <Container maxWidth="lg" sx={{ mt: 4, minHeight: "80vh", color: theme.palette.text.primary }}>
+    <Container maxWidth="lg" sx={{ pt: 12, minHeight: "80vh", color: theme.palette.text.primary }}>
       {/* Auth Form */}
       <Paper elevation={1} sx={{ p: 2, mb: 4, backgroundColor: theme.palette.background.paper }}>
         <form onSubmit={handleSubmit}>