diff --git a/src/ArticleCard.tsx b/src/ArticleCard.tsx index c4961ae..f77bd88 100644 --- a/src/ArticleCard.tsx +++ b/src/ArticleCard.tsx @@ -1,5 +1,5 @@ -import { createStyles, Card, Image, Stack, Text, Group, Flex, rem } from '@mantine/core'; -import { IconCurrentLocation } from '@tabler/icons-react'; +import { createStyles, Card, Image, Stack, Text, Group, Flex } from '@mantine/core'; +import globe from './assets/globe.png' const useStyles = createStyles((theme) => ({ @@ -19,8 +19,8 @@ const useStyles = createStyles((theme) => ({ address: { "&:hover": { - color: "red", - cursor: "pointer" + cursor: "pointer", + filter: "invert(54%) sepia(72%) saturate(4528%) hue-rotate(164deg) brightness(98%) contrast(101%)" } } })); @@ -61,8 +61,8 @@ export function ArticleCardVertical({ {title} handleAddressClick(id)} className={classes.address}> - - {/* */} + {/* */} + {address} diff --git a/src/assets/globe.png b/src/assets/globe.png new file mode 100644 index 0000000..4ed4cfe Binary files /dev/null and b/src/assets/globe.png differ