vynte-infra/calendar
2
0
Fork 0
Code Issues Pull Requests Actions 466 Packages Projects Releases Wiki Activity

CALCOM-6362 - [CAL-728] App Sidebar. Child items aren't sized/spaced properly (#6424)

Browse Source 
* [CAL-728] App Sidebar. Child items aren't sized/spaced properly

* fix: undo logo size

Signed-off-by: Udit Takkar <udit.07814802719@cse.mait.ac.in>

Signed-off-by: Udit Takkar <udit.07814802719@cse.mait.ac.in>
Co-authored-by: gitstart-calcom <gitstart@users.noreply.github.com>
Co-authored-by: Udit Takkar <udit.07814802719@cse.mait.ac.in>
This commit is contained in:
GitStart-Cal.com
2023-01-12 16:44:41 +00:00
committed by GitHub
co-authored by gitstart-calcom Udit Takkar
parent 1ba191c4ed
commit 3f71a41d7e
1 changed files with 8 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/features/shell/Shell.tsx
+8 -5
View File
@@ -534,11 +534,11 @@ const { desktopNavigationItems, mobileNavigationBottomItems, mobileNavigationMor
const Navigation = () => {
return (
<nav className="mt-2 flex-1 space-y-0.5 md:px-2 lg:mt-6 lg:px-0">
<nav className="mt-2 flex-1 md:px-2 lg:mt-6 lg:px-0">
{desktopNavigationItems.map((item) => (
<NavigationItem key={item.name} item={item} />
))}
<div className="text-gray-500 lg:hidden">
<div className="mt-0.5 text-gray-500 lg:hidden">
<KBarTrigger />
</div>
</nav>
@@ -562,6 +562,7 @@ const defaultIsCurrent: NavigationItemType["isCurrent"] = ({ isChild, item, rout
};
const NavigationItem: React.FC<{
index?: number;
item: NavigationItemType;
isChild?: boolean;
}> = (props) => {
@@ -582,8 +583,10 @@ const NavigationItem: React.FC<{
className={classNames(
"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 "
? `[&[aria-current='page']]:text-brand-900 hidden h-8 pl-16 lg:flex lg:pl-11 [&[aria-current='page']]:bg-transparent ${
props.index === 0 ? "mt-0" : "mt-px"
}`
: "[&[aria-current='page']]:text-brand-900 mt-0.5 text-sm"
)}
aria-current={current ? "page" : undefined}>
{item.icon && (
@@ -604,7 +607,7 @@ const NavigationItem: React.FC<{
</Link>
{item.child &&
isCurrent({ router, isChild, item }) &&
item.child.map((item) => <NavigationItem key={item.name} item={item} isChild />)}
item.child.map((item, index) => <NavigationItem index={index} key={item.name} item={item} isChild />)}
</Fragment>
);
};