Merge pull request #88 from side-project-pokehub/ParkChoulMin/CSS-wor…

…k-five Styles: 속성 아이콘 스타일 수정
side-project-pokehub · Feb 23, 2024 · 1e48bf8 · 1e48bf8
2 parents eb7468d + 0f4094f
commit 1e48bf8
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 3 deletions.
diff --git 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
@@ -100,7 +100,7 @@ const PokemonImg = ({ pokemonState, isLoading }: PokemonInfoExtendsProps) => {
                       src={`/icons/${koreanPokemonName}_on.svg`}
                       alt={`${koreanPokemonName}타입 아이콘`}
                     />
-                    <div>{koreanPokemonName}</div>
+                    <div className={styles.plate__name}>{koreanPokemonName}</div>
                   </div>
                 );
               })}

diff --git 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;