Skip to content

Commit d14f8a6

Browse files
committed
fix: add missing signup button on full screen and responsive login/signup for small screens
1 parent 88a250c commit d14f8a6

File tree

1 file changed

+23
-0
lines changed

1 file changed

+23
-0
lines changed

src/components/Navbar.tsx

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -45,6 +45,14 @@ const Navbar: React.FC = () => {
4545
>
4646
Login
4747
</Link>
48+
49+
{/* signup button add */}
50+
<Link
51+
to="/signup"
52+
className="text-lg font-medium hover:text-gray-300 transition-all px-2 py-1 border border-transparent hover:border-gray-400 rounded"
53+
>
54+
Signup
55+
</Link>
4856
</div>
4957

5058
{/* Mobile Menu Button */}
@@ -104,6 +112,21 @@ const Navbar: React.FC = () => {
104112
>
105113
Contributors
106114
</Link>
115+
{/* signup and login button add on mobile screen */}
116+
<Link
117+
to="/login"
118+
className="block text-lg font-medium hover:text-gray-300 transition-all px-2 py-1 border border-transparent hover:border-gray-400 rounded"
119+
onClick={() => setIsOpen(false)}
120+
>
121+
Login
122+
</Link>
123+
<Link
124+
to="/signup"
125+
className="block text-lg font-medium hover:text-gray-300 transition-all px-2 py-1 border border-transparent hover:border-gray-400 rounded"
126+
onClick={() => setIsOpen(false)}
127+
>
128+
Signup
129+
</Link>
107130
</div>
108131
</div>
109132
)}

0 commit comments

Comments
 (0)