Add some blur to the card titles

owl-corp · Aug 17, 2024 · b6f45e7 · b6f45e7
1 parent 8d456a8
commit b6f45e7
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/thallium-frontend/src/components/Card.tsx b/thallium-frontend/src/components/Card.tsx
@@ -17,7 +17,7 @@ const CardTitle = styled.div<{ $seamless?: boolean; }>`
  top: -16px;
  left: 16px;
  background-color: ${({ theme }) => theme.cardBackgroundColor};
- ${({ $seamless, theme }) => $seamless ? "" : `background: linear-gradient(0deg, ${theme.cardBackgroundColor} 0%, ${theme.cardBackgroundColor} 45%, ${theme.backgroundColor} 45%)`};
+ ${({ $seamless, theme }) => $seamless ? "" : `background: linear-gradient(0deg, ${theme.cardBackgroundColor} 0%, ${theme.cardBackgroundColor} 45%, ${theme.backgroundColor} 55%)`};
  padding: 0 8px;
  font-weight: bold;
  z-index: 1;