mirror of
https://github.com/vercel/commerce.git
synced 2025-07-24 10:41:23 +00:00
🐛 bug: toggle btn cart in from btn in header - mobile view
:%s
This commit is contained in:
@@ -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 {
|
||||||
|
@@ -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>
|
||||||
|
Reference in New Issue
Block a user