diff --git a/.gitignore b/.gitignore index c855e427..1bb00904 100644 --- a/.gitignore +++ b/.gitignore @@ -31,4 +31,6 @@ storybook-static/ .env.sentry-build-plugin .next -next-env.d.ts \ No newline at end of file +next-env.d.ts + +.claude/* \ No newline at end of file diff --git a/src/app/(home)/components/GenreItem/GenreItem.tsx b/src/app/(home)/components/GenreItem/GenreItem.tsx index 43c29787..60a08ca8 100644 --- a/src/app/(home)/components/GenreItem/GenreItem.tsx +++ b/src/app/(home)/components/GenreItem/GenreItem.tsx @@ -1,5 +1,5 @@ import Link from 'next/link'; -import { containerStyle, genreStyle, medalStyle } from '@/app/(home)/components/GenreItem/genreItem.css'; +import { containerStyle, genreStyle, linkStyle, medalStyle } from '@/app/(home)/components/GenreItem/genreItem.css'; import Text from '@/common/components/Text/Text'; import { genreMapping } from '@/shared/constants'; @@ -11,7 +11,7 @@ interface GenreItemPropTypes { const GenreItem = ({ medalIcon, genre }: GenreItemPropTypes) => { return (
  • - +
    {medalIcon}
    diff --git a/src/app/(home)/components/GenreItem/genreItem.css.ts b/src/app/(home)/components/GenreItem/genreItem.css.ts index 34c5d7d8..27971299 100644 --- a/src/app/(home)/components/GenreItem/genreItem.css.ts +++ b/src/app/(home)/components/GenreItem/genreItem.css.ts @@ -11,6 +11,12 @@ export const containerStyle = style({ backgroundColor: vars.colors.white, }); +export const linkStyle = style({ + display: 'block', + width: '100%', + height: '100%', +}); + export const medalStyle = style({ position: 'absolute', top: 0, diff --git a/src/app/(home)/components/SliderItem/SliderItem.tsx b/src/app/(home)/components/SliderItem/SliderItem.tsx index f792ae9c..2972922a 100644 --- a/src/app/(home)/components/SliderItem/SliderItem.tsx +++ b/src/app/(home)/components/SliderItem/SliderItem.tsx @@ -14,7 +14,7 @@ interface SliderItemPropTypes { const SliderItem = ({ imageUrl, description, priority = false }: SliderItemPropTypes) => { return (
    - {`${description} + {`${description} {description} diff --git a/src/common/components/Header/Header.tsx b/src/common/components/Header/Header.tsx index b8910075..432d7b9e 100644 --- a/src/common/components/Header/Header.tsx +++ b/src/common/components/Header/Header.tsx @@ -28,7 +28,7 @@ const Header = () => { - +
    diff --git a/src/shared/styles/global.css.ts b/src/shared/styles/global.css.ts index 9df4b61d..8b2423b7 100644 --- a/src/shared/styles/global.css.ts +++ b/src/shared/styles/global.css.ts @@ -58,13 +58,13 @@ globalStyle('#root', { }); globalStyle('.swiper-pagination-bullet', { - width: '4px', - height: '4px', - backgroundColor: vars.colors.white50, + width: '4px !important', + height: '4px !important', + backgroundColor: `${vars.colors.white50} !important`, }); -globalStyle('.swiper-pagination-bullet:active', { - width: '4px', - height: '4px', - backgroundColor: vars.colors.white, +globalStyle('.swiper-pagination-bullet-active', { + width: '4px !important', + height: '4px !important', + backgroundColor: `${vars.colors.white} !important`, });