diff --git a/packages/uiweb/src/lib/components/notification/index.tsx b/packages/uiweb/src/lib/components/notification/index.tsx index beef14312..bce39c244 100644 --- a/packages/uiweb/src/lib/components/notification/index.tsx +++ b/packages/uiweb/src/lib/components/notification/index.tsx @@ -504,9 +504,6 @@ const ChannelName = styled.div` font-size: ${(props) => props.fontSize}; font-weight: ${(props) => props?.themeObject?.fontWeight?.channelNameText}; color: ${(props) => props?.themeObject?.color?.channelNameText}; - &:hover { - text-decoration: underline; - } `; const HeaderButton = styled.div` @@ -540,10 +537,9 @@ const NotificationDetails = styled.div` `; const ChannelTitleWrapper = styled.div` &:hover { - text-decoration: ${(props) => (props.cta ? 'underline' : 'none')}; - color: #d548ec; + color: #c742dd; span { - color: #d548ec; + color: #c742dd; } } cursor: pointer; @@ -557,7 +553,7 @@ const ChannelTitleText = styled.span` font-weight: ${(props) => props?.themeObject?.fontWeight?.notificationTitleText}; color: ${(props) => props?.themeObject?.color?.notificationTitleText}; &:hover { - color: #d548ec; + color: #c742dd; } `; const ChannelDesc = styled.div` diff --git a/packages/uiweb/src/lib/icons/Link.tsx b/packages/uiweb/src/lib/icons/Link.tsx index 6b36be146..466d3a26a 100644 --- a/packages/uiweb/src/lib/icons/Link.tsx +++ b/packages/uiweb/src/lib/icons/Link.tsx @@ -2,10 +2,27 @@ import React from 'react'; export const LinkIcon = () => { return ( - - - + + + - ); -}; \ No newline at end of file +};