Add link text styles

2026-05-07 04:20:12 +02:00 · 2022-11-05 03:25:42 -07:00
parent cee6ff4df5
commit 608518ac1c
1 changed files with 4 additions and 1 deletions
@@ -24,9 +24,12 @@ const BaseText = styled(MantineText)<any>`
  color: ${(props) =>
    props.secondary ? 'var(--main-fg-secondary)' : 'var(--main-fg)'};
  font-family: ${(props) => props.font};
-  /* cursor: ${(props) => (props.link ? 'cursor' : 'default')}; */
  user-select: ${(props) => (props.noSelect ? 'none' : 'auto')};
  ${(props) => props.overflow === 'hidden' && textEllipsis}
+
+  &:hover {
+    text-decoration: ${(props) => (props.link ? 'underline' : 'none')};
+  }
 `;

 const StyledText = styled(BaseText)<TextProps>``;