Set outline color for rating component

2026-05-07 04:20:12 +02:00 · 2023-01-06 01:52:01 -08:00
parent 2ab48f5c97
commit cf904b5d51
1 changed files with 7 additions and 1 deletions
@@ -3,7 +3,13 @@ import styled from 'styled-components';

 type RatingProps = MantineRatingProps;

-const StyledRating = styled(MantineRating)``;
+const StyledRating = styled(MantineRating)`
+  & .mantine-Rating-symbolBody {
+    svg {
+      stroke: var(--main-fg-secondary);
+    }
+  }
+`;

 export const Rating = ({ ...props }: RatingProps) => {
  return <StyledRating {...props} />;