🐛 bug: toggle btn cart in from btn in header - mobile view

:%s
This commit is contained in:
lytrankieio123
2021-09-14 09:35:58 +07:00
parent f7608e5ef1
commit 4ae9ace396
3 changed files with 29 additions and 29 deletions

View File

@@ -47,6 +47,19 @@
} }
} }
} }
.btnCart {
all: unset;
cursor: pointer;
&:focus-visible {
outline: 2px solid #000;
}
&:hover {
svg path {
fill: var(--primary);
opacity: 0.8;
}
}
}
.menu { .menu {
@apply hidden; @apply hidden;
@screen md { @screen md {
@@ -70,19 +83,6 @@
} }
} }
} }
.btnCart {
all: unset;
cursor: pointer;
&:focus-visible {
outline: 2px solid #000;
}
&:hover {
svg path {
fill: var(--primary);
opacity: 0.8;
}
}
}
} }
} }
@screen xl { @screen xl {

View File

@@ -53,7 +53,7 @@ const HeaderMenu = memo(({ isFull, openModalAuthen, openModalInfo, toggleFilter,
</button> </button>
) )
} }
<button className={s.iconCart}> <button className={`${s.iconCart} ${s.btnCart}`} onClick={toggleCart}>
<IconBuy /> <IconBuy />
</button> </button>
</div> </div>