v3 - without background image

guildxyz · Jul 3, 2024 · 0f33d21 · 0f33d21
1 parent 6192803
commit 0f33d21
Showing 1 changed file with 2 additions and 20 deletions.
diff --git a/src/solutions/SolutionCard.tsx b/src/solutions/SolutionCard.tsx
@@ -27,8 +27,8 @@ const SolutionCard = ({
   children,
 }: Props) => {
   const circleBgColor = useColorModeValue("whiteAlpha.300", "blackAlpha.300")
-  const outlineColor = useColorModeValue("blackAlpha.300", "whiteAlpha.300")
-  const cardBg = useColorModeValue("white", "gray.800")
+  const outlineColor = useColorModeValue("blackAlpha.200", "whiteAlpha.200")
+  const cardBg = useColorModeValue("white", "whiteAlpha.100")
 
   return (
     <>
@@ -42,24 +42,6 @@ const SolutionCard = ({
         outlineColor={outlineColor}
         outlineOffset="-1px"
         onClick={onClick}
-        _before={{
-          content: `""`,
-          position: "absolute",
-          top: 0,
-          left: 0,
-          bg: `url('${bgImageUrl}')`,
-          bgRepeat: "no-repeat",
-          bgPosition: "center",
-          bgSize: "cover",
-          width: "100%",
-          height: "100%",
-          opacity: 0.15,
-          transition: "0.3s",
-          filter: `blur(2px) saturate(70%)`,
-        }}
-        _hover={{
-          _before: { opacity: 0.25, filter: `blur(0) saturate(100%)` },
-        }}
       >
         <Stack spacing={3} zIndex={1} justifyContent={"space-between"} h={"100%"}>
           <HStack gap={3}>