crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-08-01 14:31:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

Feature/hamburger menu (#540)

Browse Source 
* Setup Mobile Menu Sidebar

* Setup Basic Mobile Menu Items Styling

* Implement full width styling for mobile devices

* Cleanup

Co-authored-by: Nine <at059214@Abdurahmans-MacBook-Pro.local>
This commit is contained in:
Nine
2021-11-25 19:09:21 +01:00
committed by GitHub
parent a01568bc3a
commit 82cb719ad6
10 changed files with 123 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
components/common/UserNav/UserNav.module.css
View File

@@ -1,5 +1,5 @@
.root {
@apply relative;
@apply relative flex items-center;
}
.list {
@@ -7,14 +7,14 @@
}
.item {
@apply mr-6 cursor-pointer relative transition ease-in-out duration-100 flex items-center outline-none text-primary;
@apply ml-6 cursor-pointer relative transition ease-in-out duration-100 flex items-center outline-none text-primary;
&:hover {
@apply text-accent-6 transition scale-110 duration-100;
}
&:last-child {
@apply mr-0;
&:first-child {
@apply ml-0;
}
&:focus,
@@ -35,6 +35,11 @@
@apply inline-flex justify-center rounded-full;
}
.avatarButton:focus {
@apply outline-none;
.mobileMenu {
@apply flex lg:hidden ml-6
}
.avatarButton:focus,
.mobileMenu:focus {
@apply outline-none;
}