diff --git a/src/components/detail/Detail.module.scss b/src/components/detail/Detail.module.scss index 95ba9ee..a70870f 100644 --- a/src/components/detail/Detail.module.scss +++ b/src/components/detail/Detail.module.scss @@ -460,8 +460,13 @@ height: 33px; flex-shrink: 0; cursor: none; - padding: 5px; + // padding: 5px; border-radius: 16px; + .plate__name { + display: flex; + width: 100%; + justify-content: center; + } } } } diff --git a/src/components/detail/PokemonImg.tsx b/src/components/detail/PokemonImg.tsx index fbe4874..14c0e42 100644 --- a/src/components/detail/PokemonImg.tsx +++ b/src/components/detail/PokemonImg.tsx @@ -100,7 +100,7 @@ const PokemonImg = ({ pokemonState, isLoading }: PokemonInfoExtendsProps) => { src={`/icons/${koreanPokemonName}_on.svg`} alt={`${koreanPokemonName}타입 아이콘`} /> -
{koreanPokemonName}
+
{koreanPokemonName}
); })} diff --git a/src/components/plate/Plate.module.scss b/src/components/plate/Plate.module.scss index d5059ac..e95f42d 100644 --- a/src/components/plate/Plate.module.scss +++ b/src/components/plate/Plate.module.scss @@ -129,7 +129,7 @@ position: absolute; left: 0; right: 0; - top: -21px; + top: -18px; margin: auto; color: #fff; display: none;