Change homepage roadmap items interaction

This commit is contained in:
Kamran Ahmed
2021-12-08 18:59:56 +01:00
parent 0c3ea386f5
commit b25111415f
2 changed files with 54 additions and 34 deletions

View File

@@ -53,17 +53,6 @@ export default function Home(props: HomeProps) {
<SimpleGrid
columns={[1, 2, 3]}
spacing={['10px', '10px', '15px']}
sx={{
// Don't change the opacity on mobile devices
'@media (hover: none)': {
'&:hover': {
'.home-roadmap-item': {
opacity: 1
}
}
}
}}
_hover={{ '& .home-roadmap-item': { opacity: '0.5'} }}
>
{roadmaps.map((roadmap: RoadmapType, counter: number) => (
<HomeRoadmapItem