fix(cart): make the "Hinzugefügt" success state subtler
Was a solid bright-green fill with white text; now the same pale success-subtle fill + success-colored text/border AddToCartInlineButton already uses elsewhere (RelatedProducts, shop cards) — consistent, less loud.
This commit is contained in:
@@ -49,7 +49,15 @@ export function AddToCartButton({
|
||||
// into `base`, since appending on top can't rely on CSS source order
|
||||
// the way branching a whole className (AddToCartInlineButton's
|
||||
// approach) can when the base itself varies per caller.
|
||||
const stateClasses = added ? "bg-success! hover:bg-success! text-white!" : "";
|
||||
// Pale success-subtle fill + success text + a success-colored border, not
|
||||
// a solid success-green fill with white text — same restrained pairing
|
||||
// AddToCartInlineButton already uses (border-success + bg-success-subtle),
|
||||
// a solid bright-green button read as too loud here. `border` (width) is
|
||||
// added here too since `base` has none by default, unlike
|
||||
// AddToCartInlineButton's own base which already carries a plain border.
|
||||
const stateClasses = added
|
||||
? "border border-success! bg-success-subtle! hover:bg-success-subtle! text-success!"
|
||||
: "";
|
||||
|
||||
return (
|
||||
<button
|
||||
|
||||
Reference in New Issue
Block a user