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

…k-three Park choul min/css work three
side-project-pokehub · Feb 23, 2024 · eb7468d · eb7468d
2 parents 8773fa1 + ecbfddd
commit eb7468d
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 6 deletions.
diff --git a/src/components/plate/Plate.module.scss b/src/components/plate/Plate.module.scss
@@ -75,6 +75,7 @@
 
 .type_plate__my {
   display: flex;
+  width: 100%;
   gap: 3px;
 }
 
@@ -93,8 +94,9 @@
 
   .type_plate__my.#{$type} {
     @include plate_pokemon_type($color);
-    // width: 33px;
+    width: 45px;
     height: 11px;
+    padding: 0 7px;
 
     img {
       width: 7px;

diff --git a/src/styles/mixin.scss b/src/styles/mixin.scss
@@ -1,17 +1,21 @@
 @mixin plate_style {
+  gap: 3px;
   width: 95px;
   height: 33px;
   display: flex;
-  padding: 5px 0;
-  border-radius: 16.5px;
-  align-items: center;
-  justify-content: center;
   display: flex;
-  gap: 3px;
+  align-items: center;
+  border-radius: 16.5px;
+  padding: 5px 5px 5px 10px;
 
   img {
     width: 20px;
   }
+  span {
+    display: flex;
+    width: 100%;
+    justify-content: center
+  }
 }
 
 @mixin plate_click_style($color) {
@@ -39,6 +43,7 @@
   color: #fff;
   background-color: $color;
   display: flex;
+  width: 100%;
   padding: 0 10px;
   height: 23px;