parent
3fc6f38da9
commit
06e1e113f0
|
@ -553,7 +553,7 @@ const { desktopNavigationItems, mobileNavigationBottomItems, mobileNavigationMor
|
|||
|
||||
const Navigation = () => {
|
||||
return (
|
||||
<nav className="mt-2 flex-1 space-y-1 md:px-2 lg:mt-5 lg:px-0">
|
||||
<nav className="mt-2 flex-1 space-y-0.5 md:px-2 lg:mt-6 lg:px-0">
|
||||
{desktopNavigationItems.map((item) => (
|
||||
<NavigationItem key={item.name} item={item} />
|
||||
))}
|
||||
|
@ -599,7 +599,7 @@ const NavigationItem: React.FC<{
|
|||
href={item.href}
|
||||
aria-label={t(item.name)}
|
||||
className={classNames(
|
||||
"group flex items-center rounded-md py-2 px-3 text-sm font-medium text-gray-600 hover:bg-gray-100 lg:px-[14px] [&[aria-current='page']]:bg-gray-200 [&[aria-current='page']]:hover:text-neutral-900",
|
||||
"group flex items-center rounded-md py-2 px-3 text-sm font-medium text-gray-600 hover:bg-gray-100 [&[aria-current='page']]:bg-gray-200 [&[aria-current='page']]:hover:text-neutral-900",
|
||||
isChild
|
||||
? "[&[aria-current='page']]:text-brand-900 hidden pl-16 lg:flex lg:pl-11 [&[aria-current='page']]:bg-transparent"
|
||||
: "[&[aria-current='page']]:text-brand-900 "
|
||||
|
@ -607,7 +607,7 @@ const NavigationItem: React.FC<{
|
|||
aria-current={current ? "page" : undefined}>
|
||||
{item.icon && (
|
||||
<item.icon
|
||||
className="h-4 w-4 flex-shrink-0 text-gray-500 ltr:mr-3 rtl:ml-3 [&[aria-current='page']]:text-inherit"
|
||||
className="h-4 w-4 flex-shrink-0 text-gray-500 ltr:mr-2 rtl:ml-2 [&[aria-current='page']]:text-inherit"
|
||||
aria-hidden="true"
|
||||
aria-current={current ? "page" : undefined}
|
||||
/>
|
||||
|
@ -724,9 +724,9 @@ function SideBar() {
|
|||
return (
|
||||
<div className="relative">
|
||||
<aside className="desktop-transparent top-0 hidden h-full max-h-screen w-14 flex-col overflow-y-auto border-r border-gray-100 bg-gray-50 md:sticky md:flex lg:w-56 lg:px-4">
|
||||
<div className="flex h-full flex-col justify-between py-3 lg:pt-5 ">
|
||||
<div className="flex h-full flex-col justify-between py-3 lg:pt-6 ">
|
||||
<header className="items-center justify-between md:hidden lg:flex">
|
||||
<Link href="/event-types" className="px-4">
|
||||
<Link href="/event-types" className="px-2">
|
||||
<Logo small />
|
||||
</Link>
|
||||
<div className="flex space-x-2 rtl:space-x-reverse">
|
||||
|
|
Loading…
Reference in New Issue