crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-07-30 13:41:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

Dismissable Dropdown

Browse Source
This commit is contained in:
Belen Curcio
2020-10-22 10:35:26 -03:00
parent d541948596
commit 8a9ef9ceb0
4 changed files with 98 additions and 86 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
components/core/UserNav/DropdownMenu.module.css Normal file
View File

@@ -0,0 +1,25 @@
.dropdownMenu {
@apply fixed top-0 right-0 z-20 w-full h-full;
@screen lg {
@apply absolute right-0 w-screen;
max-width: 160px;
}
& .dropdownMenuContainer {
@apply flex-col py-6 bg-primary h-full justify-around;
@screen lg {
@apply border border-accents-1 shadow-lg py-2 h-auto;
}
}
& .link {
@apply cursor-pointer 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;
text-transform: capitalize;
}
&.off {
@apply hidden;
}
}