diff options
| author | Wes Bos <wesbos@gmail.com> | 2018-04-05 13:54:22 -0400 |
|---|---|---|
| committer | Wes Bos <wesbos@gmail.com> | 2018-04-05 13:54:22 -0400 |
| commit | f4f10d5eb690a33dd1c112358457a2b987297f26 (patch) | |
| tree | d97326763dd016c13a068fb7dee40fc0b9667f83 /frontend/components/CartCount.js | |
| parent | a75b2491758a451283e2a373bb3fbe886520b345 (diff) | |
work
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> |