Skip to content

FIXED Bug Report: Navbar is missing on mobile view #167

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.

Sign up for GitHub

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

Merged
mehul-m-prajapati merged 3 commits into from
Aug 1, 2025
Merged

FIXED Bug Report: Navbar is missing on mobile view #167

Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
bf9ff41
Made Navbar to be mobile friendly
aditiraj2006 Aug 1, 2025
f35737a
Fix home route
mehul-m-prajapati Aug 1, 2025
abee44c
remove redundant config
mehul-m-prajapati Aug 1, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
10 changes: 5 additions & 5 deletions src/components/Navbar.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -68,17 +68,17 @@ const Navbar: React.FC = () => {
className="relative w-8 h-8 flex flex-col space-y-[5px] items-center group focus:outline-none"
>
<span
className={`block h-[3px] w-full bg-white rounded-lg transition-transform duration-300 ${
className={`block h-[3px] w-full bg-black dark:bg-white rounded-lg transition-transform duration-300 ${
isOpen ? "rotate-45 translate-y-2" : ""
}`}
></span>
<span
className={`block h-[3px] w-full bg-white rounded-lg transition-opacity duration-300 ${
className={`block h-[3px] w-full bg-black dark:bg-white rounded-lg transition-opacity duration-300 ${
isOpen ? "opacity-0" : ""
}`}
></span>
<span
className={`block h-[3px] w-full bg-white rounded-lg transition-transform duration-300 ${
className={`block h-[3px] w-full bg-black dark:bg-white rounded-lg transition-transform duration-300 ${
isOpen ? "-rotate-45 -translate-y-2" : ""
}`}
></span>
Expand All @@ -88,10 +88,10 @@ const Navbar: React.FC = () => {

{/* Mobile Links */}
{isOpen && (
<div className="md:hidden bg-gray-800">
<div className="md:hidden bg-white dark:bg-gray-800 text-black dark:text-white">
<div className="space-y-4 px-6 py-4">
<Link
to="/home"
to="/"
className="block text-lg font-medium hover:text-gray-300 transition-all px-2 py-1 border border-transparent hover:border-gray-400 rounded"
onClick={() => setIsOpen(false)}
>
Expand Down