fix: reduce gap in NavbarInline to prevent text overlap
This commit is contained in:
@@ -21,7 +21,7 @@ const NavbarInline = ({ logo, navItems, ctaButton }: NavbarInlineProps) => {
|
|||||||
<div className="flex items-center justify-between p-2 xl:p-3 2xl:p-4 rounded backdrop-blur-sm card">
|
<div className="flex items-center justify-between p-2 xl:p-3 2xl:p-4 rounded backdrop-blur-sm card">
|
||||||
<a href="/" className="pl-2 text-xl font-medium text-foreground">{logo}</a>
|
<a href="/" className="pl-2 text-xl font-medium text-foreground">{logo}</a>
|
||||||
|
|
||||||
<div className="hidden md:flex absolute left-1/2 -translate-x-1/2 items-center gap-6">
|
<div className="hidden md:flex absolute left-1/2 -translate-x-1/2 items-center gap-4">
|
||||||
{navItems.map((item) => (
|
{navItems.map((item) => (
|
||||||
<a
|
<a
|
||||||
key={item.name}
|
key={item.name}
|
||||||
|
|||||||
Reference in New Issue
Block a user