diff options
| -rw-r--r-- | packages/website/ts/@next/components/animatedChatIcon.tsx | 5 | ||||
| -rw-r--r-- | packages/website/ts/@next/components/blockIconLink.tsx | 5 |
2 files changed, 5 insertions, 5 deletions
diff --git a/packages/website/ts/@next/components/animatedChatIcon.tsx b/packages/website/ts/@next/components/animatedChatIcon.tsx index bddb1d433..4b7466877 100644 --- a/packages/website/ts/@next/components/animatedChatIcon.tsx +++ b/packages/website/ts/@next/components/animatedChatIcon.tsx @@ -50,11 +50,6 @@ const fadeInOut = keyframes` const Bubble = styled.g` animation: ${scale} 4s infinite cubic-bezier(0.175, 0.885, 0.32, 1.275); transform-origin: 50% 50%; - - path, - circle { - fill: ${props => props.theme.lightBgColor}; - } `; const Rays = styled.g` diff --git a/packages/website/ts/@next/components/blockIconLink.tsx b/packages/website/ts/@next/components/blockIconLink.tsx index 648b5a485..46a267889 100644 --- a/packages/website/ts/@next/components/blockIconLink.tsx +++ b/packages/website/ts/@next/components/blockIconLink.tsx @@ -76,6 +76,7 @@ const Wrap = styled.div` justify-content: center; align-items: center; text-align: center; + transition: background-color 0.25s; background-color: ${props => props.theme.lightBgColor}; cursor: pointer; @@ -88,6 +89,10 @@ const Wrap = styled.div` width: 100%; margin-top: 30px; } + + &:hover { + background-color: #002d28; + } `; const Title = styled.h2` |