jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2026-06-05 20:15:31 -04:00
Code Issues Activity

fixing header icons (once again)

Browse Source
This commit is contained in:
Jake Jarvis
2025-05-22 10:50:46 -04:00
parent 9933d20868
commit f8974e9a92
7 changed files with 17 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/layout/menu.tsx
+8 -2
View File
@@ -37,14 +37,20 @@ const Menu = ({ className, ...rest }: React.ComponentProps<"div">) => {
return (
<div
className={cn("flex max-w-2/3 flex-row justify-between md:max-w-none md:justify-end md:gap-4", className)}
className={cn(
"flex max-w-2/3 flex-row items-center justify-between md:max-w-none md:justify-end md:gap-4",
className
)}
{...rest}
>
{menuItems.map((item, index) => {
const isCurrent = item.href?.split("/")[1] === segment;
return (
<div className="mt-[3px] inline-block last:-mr-2.5 max-sm:first:hidden **:[a,button]:p-2.5" key={index}>
<div
className="inline-flex items-center last:-mr-2.5 max-sm:first:hidden **:[a,button]:border-y-3 **:[a,button]:border-y-transparent **:[a,button]:p-2.5"
key={index}
>
<MenuItem {...item} current={isCurrent} />
</div>
);