4
0
forked from crowetic/commerce
This commit is contained in:
Luis Alvarez 2020-10-22 17:13:50 -05:00
commit 79d0c0a0cb
3 changed files with 7 additions and 7 deletions

View File

@ -12,7 +12,7 @@ const Avatar: FC<Props> = ({}) => {
return (
<div
className="inline-block h-8 w-8 rounded-full border-2 border-accents-2"
className="inline-block h-8 w-8 rounded-full border-2 border-primary hover:border-secondary transition linear-out duration-100"
style={{
backgroundImage: `linear-gradient(140deg, ${bg[0]}, ${bg[1]} 100%)`,
}}

View File

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

View File

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