fix: margin and padding (#6358)

Co-authored-by: Peer Richelsen <peeroke@gmail.com>
pull/6365/head
Udit Takkar 2023-01-10 18:14:30 +05:30 committed by GitHub
parent 3fc6f38da9
commit 06e1e113f0
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 5 additions and 5 deletions

View File

@ -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">