From 9301f0d20fbee4cdb55a66d8eb51ebdf898f3480 Mon Sep 17 00:00:00 2001 From: kanishka-commits Date: Fri, 24 Oct 2025 23:49:52 +0530 Subject: [PATCH 1/5] Update Viewport --- src/css/custom.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/css/custom.css b/src/css/custom.css index 90046e64..de956663 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -454,7 +454,7 @@ body { } } /* ===== SECTION 11: CRITICAL FIX: TABLET/IPAD NAVBAR BEHAVIOR ===== */ -@media screen and (max-width: 1299px) { +@media screen and (max-width: 996px) { /* Hide TOP navbar items on mobile (not sidebar) */ .navbar__items .navbar__item:not(.navbar__toggle):not(.navbar__brand) { display: none !important; From 1898a1026dfd5d60fb3ff0df511882bda6f9de3e Mon Sep 17 00:00:00 2001 From: kanishka-commits Date: Sat, 25 Oct 2025 00:03:05 +0530 Subject: [PATCH 2/5] Update Github Visibility --- src/css/custom.css | 13 ++++++++++++- 1 file changed, 12 insertions(+), 1 deletion(-) diff --git a/src/css/custom.css b/src/css/custom.css index de956663..81310164 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -456,7 +456,12 @@ body { /* ===== SECTION 11: CRITICAL FIX: TABLET/IPAD NAVBAR BEHAVIOR ===== */ @media screen and (max-width: 996px) { /* Hide TOP navbar items on mobile (not sidebar) */ - .navbar__items .navbar__item:not(.navbar__toggle):not(.navbar__brand) { + + /* + * This hides all navbar items on small screens, *except* for the + * toggle, brand, and the item :has() the GitHub auth button. + */ + .navbar__items .navbar__item:not(.navbar__toggle):not(.navbar__brand):not(:has(#firebase-auth-github-navbar)) { display: none !important; } @@ -1667,3 +1672,9 @@ html[data-theme="light"] [data-slot="card-header"].bg-gradient-to-br { backdrop-filter: none !important; mix-blend-mode: normal !important; } + +@media screen and (max-width: 1110px) { + .github-text{ + display: none !important; + } +} \ No newline at end of file From 79405118f7165c0bf717e394703325202596838b Mon Sep 17 00:00:00 2001 From: kanishka-commits Date: Sat, 25 Oct 2025 15:28:24 +0530 Subject: [PATCH 3/5] Update Github text --- src/components/ui/FirebaseAuthGithub.tsx | 22 ++++++++++++++++++++-- 1 file changed, 20 insertions(+), 2 deletions(-) diff --git a/src/components/ui/FirebaseAuthGithub.tsx b/src/components/ui/FirebaseAuthGithub.tsx index e728cb66..436c2c0d 100644 --- a/src/components/ui/FirebaseAuthGithub.tsx +++ b/src/components/ui/FirebaseAuthGithub.tsx @@ -17,12 +17,29 @@ const uiConfig = { const FirebaseAuthGithub: React.FC = () => { const [user, setUser] = useState(null); + const [githubText, setGithubText] = useState("Sign in with GitHub"); // ✅ new state useEffect(() => { const unregisterAuthObserver = auth.onAuthStateChanged((user) => setUser(user as User), ); - return () => unregisterAuthObserver(); + + // ✅ new effect to change text on resize + const handleResize = () => { + if (window.innerWidth <= 1110) { + setGithubText("Sign in"); + } else { + setGithubText("Sign in with GitHub"); + } + }; + + handleResize(); // initial call + window.addEventListener("resize", handleResize); + + return () => { + unregisterAuthObserver(); + window.removeEventListener("resize", handleResize); + }; }, []); if (user) { @@ -88,7 +105,8 @@ const FirebaseAuthGithub: React.FC = () => { > - Sign in with GitHub + {/* ✅ dynamic text */} + {githubText} ); From f31b4e57eb76a6ab3dcddb34884c9d2b476a746b Mon Sep 17 00:00:00 2001 From: kanishka-commits Date: Sat, 25 Oct 2025 15:31:08 +0530 Subject: [PATCH 4/5] Update Gap in Nav__Items --- src/css/custom.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/css/custom.css b/src/css/custom.css index 81310164..2d2cb49e 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -1414,7 +1414,7 @@ html { margin-left: auto !important; display: flex !important; align-items: center !important; - gap: 0.5rem !important; + /* gap: 0.5rem !important; */ flex-shrink: 0 !important; } @@ -1674,7 +1674,7 @@ html[data-theme="light"] [data-slot="card-header"].bg-gradient-to-br { } @media screen and (max-width: 1110px) { - .github-text{ - display: none !important; + .navbar__items{ + gap: 0.1rem !important; } } \ No newline at end of file From c2d41c196dab0860e5d35b830e07eb307cc6bd75 Mon Sep 17 00:00:00 2001 From: kanishka-commits Date: Sat, 25 Oct 2025 15:40:23 +0530 Subject: [PATCH 5/5] Update Gap + Navbar Breakpoint --- src/css/custom.css | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/src/css/custom.css b/src/css/custom.css index 3d74e789..14448177 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -474,7 +474,7 @@ body { } /* ===== SECTION 11: CRITICAL FIX: TABLET/IPAD NAVBAR BEHAVIOR ===== */ -@media screen and (max-width: 1299px) { +@media screen and (max-width: 996px) { /* Hide TOP navbar items on mobile (not sidebar) */ /* @@ -1767,3 +1767,9 @@ html[data-theme="light"] [data-slot="card-header"].bg-gradient-to-br { backdrop-filter: none !important; mix-blend-mode: normal !important; } + +@media screen and (max-width: 1110px) { + .navbar__items{ + gap: 0.1rem !important; +} +} \ No newline at end of file