devops/apps-registry
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge fix/adr0008-megamenu-mobile-overflow into main

Browse Source
This commit is contained in:
devops committed 2026-08-27 18:17:06 -05:00
2 parents b123a5a9c9 99ddebcc8d
commit c9e8641bfb
1 file changed
+3 -3
Download Patch File Download Diff File Expand all files Collapse all files
workloads/ecommerce/components/layout/navbar.tsx
+3 -3
View File
@@ -171,7 +171,7 @@ function CategoryNavBar({
}) { }) {
return ( return (
<nav className="bg-ari-marino text-white"> <nav className="bg-ari-marino text-white">
<div className="mx-auto flex max-w-7xl items-center gap-1 px-4 py-2"> <div className="relative mx-auto flex max-w-7xl items-center gap-1 px-4 py-2">
<Button <Button
variant="ghost" variant="ghost"
size="icon" size="icon"
@@ -213,7 +213,7 @@ function DepartmentsMegaMenu({ tree, isActive }: { tree: CategoryNode[]; isActiv
}, [open]); }, [open]);
return ( return (
<div ref={containerRef} className="relative shrink-0" onMouseEnter={() => setOpen(true)} onMouseLeave={() => setOpen(false)}> <div ref={containerRef} className="shrink-0" onMouseEnter={() => setOpen(true)} onMouseLeave={() => setOpen(false)}>
<button <button
type="button" type="button"
onClick={() => setOpen((value) => !value)} onClick={() => setOpen((value) => !value)}
@@ -227,7 +227,7 @@ function DepartmentsMegaMenu({ tree, isActive }: { tree: CategoryNode[]; isActiv
</button> </button>
{open && ( {open && (
<div className="absolute left-0 top-full z-50 mt-1 w-[min(92vw,64rem)] rounded-2xl border border-white/10 bg-ari-marino p-6 shadow-2xl"> <div className="absolute left-0 top-full z-50 mt-1 max-h-[80vh] w-[min(92vw,64rem)] overflow-y-auto rounded-2xl border border-white/10 bg-ari-marino p-6 shadow-2xl">
<div className="grid grid-cols-2 gap-x-6 gap-y-5 sm:grid-cols-3 lg:grid-cols-6"> <div className="grid grid-cols-2 gap-x-6 gap-y-5 sm:grid-cols-3 lg:grid-cols-6">
{tree.map((root) => ( {tree.map((root) => (
<div key={root.id}> <div key={root.id}>