diff options
Diffstat (limited to 'frontend/components/CartCount.js')
| -rw-r--r-- | frontend/components/CartCount.js | 12 |
1 files changed, 4 insertions, 8 deletions
diff --git a/frontend/components/CartCount.js b/frontend/components/CartCount.js index 5af472a..1cc4e47 100644 --- a/frontend/components/CartCount.js +++ b/frontend/components/CartCount.js @@ -5,7 +5,9 @@ const Dot = styled.div` background: ${props => props.theme.red}; color: white; border-radius: 50%; - padding: 5px; + padding: 0.5rem; + line-height: 2rem; + min-width: 3rem; margin-left: 1rem; font-weight: 100; font-feature-settings: 'tnum'; @@ -42,13 +44,7 @@ const AnimationStyles = styled.span` const CartCount = ({ count }) => ( <AnimationStyles> <TransitionGroup> - <CSSTransition - unmountOnExit - className="count" - classNames="count" - key={count} - timeout={{ enter: 400, exit: 400 }} - > + <CSSTransition unmountOnExit className="count" classNames="count" key={count} timeout={{ enter: 400, exit: 400 }}> <Dot>{count}</Dot> </CSSTransition> </TransitionGroup> |