cx/commerce
4
0
Fork 0
forked from crowetic/commerce
Code Pull Requests Activity

Some interactions

Browse Source
This commit is contained in:
Belen Curcio 2020-10-22 10:39:52 -03:00
parent 8a9ef9ceb0
commit e8fc96bab7
2 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
components/core/UserNav/UserNav.module.css
View File

@ -13,7 +13,11 @@
@apply mr-6 cursor-pointer relative transition ease-in-out duration-100 text-base flex items-center; @apply mr-6 cursor-pointer relative transition ease-in-out duration-100 text-base flex items-center;
&:hover { &:hover {
@apply text-accents-8; @apply text-accents-8 transition ease-in-out duration-100 transform scale-110;
}
&.heart:hover svg {
fill: var(--accents-9);
} }
&:last-child { &:last-child {

2
components/core/UserNav/UserNav.tsx
View File

@ -48,7 +48,7 @@ const UserNav: FC<Props> = ({ className, children, ...props }) => {
)} )}
</li> </li>
<Link href="/wishlist"> <Link href="/wishlist">
<li className={s.item}> <li className={cn(s.item, s.heart)}>
<Heart /> <Heart />
</li> </li>
</Link> </Link>