Skip to content
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

Fix: Navbar splitting into two rows on medium screen sizes #175 #179

Merged
merged 1 commit into from
Sep 1, 2024
Merged

Fix: Navbar splitting into two rows on medium screen sizes #175 #179

Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
4 changes: 2 additions & 2 deletions src/components/Layout/Navbar/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -78,7 +78,7 @@ const Navbar: React.FC = () => {
return (
<div className="fixed top-0 start-0 flex justify-between w-full z-20">
<nav className="bg-white border-gray-200 container mx-auto">
<div className="flex flex-wrap items-center justify-between p-4">
<div className="flex gap-1 flex-nowrap items-center justify-between p-4">
<Link to="/">
<img
src="/scholarx-logo.png"
Expand All @@ -87,7 +87,7 @@ const Navbar: React.FC = () => {
/>
</Link>
<div className="flex items-center md:items-start">
<ul className="items-baseline hidden md:flex flex-col font-medium p-4 md:p-0 mt-4 border border-gray-100 rounded-lg bg-gray-50 md:space-x-8 rtl:space-x-reverse md:flex-row md:mt-0 md:border-0 md:bg-white">
<ul className="items-center hidden md:flex flex-col font-medium p-4 md:p-0 mt-4 border border-gray-100 rounded-lg bg-gray-50 md:space-x-2 text-nowrap rtl:space-x-reverse md:flex-row md:mt-0 md:border-0 md:bg-white">
<li>
<Link
className="py-2 px-3 text-gray-900 rounded hover:bg-gray-100 cursor-pointer"
Expand Down
Loading