CommitField · whale22 · Mar 8, 2025 · Mar 7, 2025 · Mar 7, 2025 · Mar 7, 2025
diff --git a/public/pets/EGG_0.png b/public/pets/EGG_0.png
diff --git a/public/pets/EGG_1.png b/public/pets/EGG_1.png
diff --git a/public/pets/EGG_1_128.png b/public/pets/EGG_1_128.png
diff --git a/public/pets/EGG_2_128.png b/public/pets/EGG_2_128.png
diff --git a/public/pets/GROWN_0.png b/public/pets/GROWN_0.png
diff --git a/public/pets/GROWN_1.png b/public/pets/GROWN_1.png
diff --git a/public/pets/GROWN_1_128.png b/public/pets/GROWN_1_128.png
diff --git a/public/pets/GROWN_2_128.png b/public/pets/GROWN_2_128.png
diff --git a/public/pets/HATCH_0.png b/public/pets/HATCH_0.png
diff --git a/public/pets/HATCH_1.png b/public/pets/HATCH_1.png
diff --git a/public/pets/HATCH_1_128.png b/public/pets/HATCH_1_128.png
diff --git a/public/pets/HATCH_2_128.png b/public/pets/HATCH_2_128.png
diff --git a/src/pages/Profile.jsx b/src/pages/Profile.jsx
@@ -15,8 +15,8 @@ const Profile = ({ userInfo }) => {
 
   // 티어 아이콘 매핑
   const tierEmojis = {
-    SEED: "🌱",
-    SPROUT: "🌿",
+    SEED: "🫘",
+    SPROUT: "🌱",
     FLOWER: "🌺",
     FRUIT: "🍎",
     TREE: "🌳",
@@ -153,7 +153,7 @@ const Profile = ({ userInfo }) => {
       <div className="pet-section">
         <div className="pet-frame">
           <img 
-            src={`/pets/${userInfo.petGrow}_0_128.png`} 
+            src={`/pets/${userInfo.petGrow}_${userInfo.petType}_128.png`}
             alt="Pet" 
             className={`pet-image animated-pet ${isRefreshing ? 'refreshing' : ''}`} 
           />

diff --git a/src/pages/profile.css b/src/pages/profile.css
@@ -3,7 +3,7 @@
   width: 100%;
   background-color: white;
   border-radius: 12px;
-  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
   padding: 24px;
   margin-bottom: 32px;
   box-sizing: border-box;
@@ -18,9 +18,16 @@
   transform: translateY(-2px);
 }
 
+h2 {
+  color: #222222;
+}
+
 /* Pet section styling */
 .pet-section {
   position: relative;
+  display: flex  ;
+  justify-content: center;
+  width: 170px;
   flex-shrink: 0;
 }
 
@@ -75,6 +82,7 @@
   display: flex;
   flex-direction: column;
   gap: 12px;
+  padding-left:10px;
 }
 
 .user-header {