diff --git a/src/features/animes/components/AnimeMainCarousel/style.ts b/src/features/animes/components/AnimeMainCarousel/style.ts index 2625efa4..5a595a8b 100644 --- a/src/features/animes/components/AnimeMainCarousel/style.ts +++ b/src/features/animes/components/AnimeMainCarousel/style.ts @@ -6,6 +6,7 @@ export const AnimeMainCarouselContainer = styled.div<{ image: string }>` width: 100%; height: 545px; overflow: hidden; + cursor: pointer; ${({ theme }) => theme.mq("md")} { & .slick-prev, diff --git a/src/features/animes/components/AnimeRanking/style.ts b/src/features/animes/components/AnimeRanking/style.ts index 3ddbfbb6..08c15157 100644 --- a/src/features/animes/components/AnimeRanking/style.ts +++ b/src/features/animes/components/AnimeRanking/style.ts @@ -98,6 +98,7 @@ export const HighlightItemContainer = styled.div` padding-bottom: 46%; margin: 0 auto; margin-bottom: 4px; + cursor: pointer; `; export const HighlightItem = styled.div` @@ -144,6 +145,7 @@ export const SliderItem = styled.div` flex-direction: column; gap: 8px; flex-shrink: 0; + cursor: pointer; & > div:last-of-type { ${({ theme }) => theme.typo["body-3-r"]}