4
0
forked from crowetic/commerce

Modal Dark Mode

This commit is contained in:
Belen Curcio 2020-10-22 18:49:21 -03:00
parent c27c55ea46
commit 2aec3fb522
3 changed files with 7 additions and 7 deletions

View File

@ -12,7 +12,7 @@ const Avatar: FC<Props> = ({}) => {
return ( return (
<div <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={{ style={{
backgroundImage: `linear-gradient(140deg, ${bg[0]}, ${bg[1]} 100%)`, 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; @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 scale-110 duration-100;
}
&.heart:hover svg {
fill: var(--accents-9);
} }
&:last-child { &:last-child {
@apply mr-0; @apply mr-0;
} }
&:focus {
outline: none;
}
} }

View File

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