forked from crowetic/commerce
navBar
This commit is contained in:
parent
b9ca1f275d
commit
5bbe5d21b0
@ -1,4 +1,5 @@
|
|||||||
.root {
|
.root {
|
||||||
|
@apply relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.list {
|
.list {
|
||||||
@ -20,6 +21,10 @@
|
|||||||
@apply absolute right-0 mt-2 w-screen max-w-xs sm:px-0 z-50 border border-accents-1 bg-primary;
|
@apply absolute right-0 mt-2 w-screen max-w-xs sm:px-0 z-50 border border-accents-1 bg-primary;
|
||||||
max-width: 160px;
|
max-width: 160px;
|
||||||
|
|
||||||
|
&.dropdownMenuContainer {
|
||||||
|
@apply shadow-lg overflow-hidden relative grid py-2;
|
||||||
|
}
|
||||||
|
|
||||||
& .link {
|
& .link {
|
||||||
@apply px-6 py-3 block space-y-1 hover:bg-accents-1 transition ease-in-out duration-150 text-base leading-6 font-medium text-gray-900;
|
@apply px-6 py-3 block space-y-1 hover:bg-accents-1 transition ease-in-out duration-150 text-base leading-6 font-medium text-gray-900;
|
||||||
}
|
}
|
||||||
|
@ -52,19 +52,17 @@ const UserNav: FC<Props> = ({ className }) => {
|
|||||||
|
|
||||||
{displayDropdown && (
|
{displayDropdown && (
|
||||||
<div className={s.dropdownMenu}>
|
<div className={s.dropdownMenu}>
|
||||||
<div className="shadow-lg overflow-hidden">
|
<nav className={s.dropdownMenuContainer}>
|
||||||
<nav className="relative grid bg-primary py-2">
|
<Link href="#">
|
||||||
<Link href="#">
|
<a className={s.link}>My Purchases</a>
|
||||||
<a className={s.link}>My Purchases</a>
|
</Link>
|
||||||
</Link>
|
<Link href="#">
|
||||||
<Link href="#">
|
<a className={s.link}>My Account</a>
|
||||||
<a className={s.link}>My Account</a>
|
</Link>
|
||||||
</Link>
|
<Link href="#">
|
||||||
<Link href="#">
|
<a className={cn(s.link, 'mt-4')}>Logout</a>
|
||||||
<a className={cn(s.link, 'mt-4')}>Logout</a>
|
</Link>
|
||||||
</Link>
|
</nav>
|
||||||
</nav>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
</nav>
|
</nav>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user