🐛 Fix : 강아지 프로필 seperater 스타일 수정

prgrms-web-devcourse-final-project · Dec 7, 2024 · 7b9b41b · 7b9b41b
1 parent c5c8fe6
commit 7b9b41b
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/components/DogProfile/index.tsx b/src/components/DogProfile/index.tsx
@@ -49,7 +49,7 @@ export default function DogProfile({
             <Separator $height={8} />
             <Typo14 $weight='400'>{weight} KG</Typo14>
           </S.DogDetailInfoWrapper>
-        </S.DogDetailWrapper>
+        </S.DogDetailWrapper>     
       </S.DogInfoWrapper>
 
       <S.OneLineIntro>

diff --git a/src/components/DogProfile/styles.ts b/src/components/DogProfile/styles.ts
@@ -10,6 +10,7 @@ export const TypoWrapper = styled.div<{ $gap?: number }>`
 `
 export const TyopNameWrapper = styled.div`
   margin-right: 0.3rem;
+  margin-bottom: 0.4rem;
 `
 export const DogInfoArea = styled(Box)`
   padding: 16px 20px;
@@ -21,7 +22,8 @@ export const DogInfoWrapper = styled.div`
 `
 export const DogDetailInfoWrapper = styled.div`
   display: flex;
-  gap: 0.5rem;
+  gap: 0.3rem;
+  align-items: center;
   margin-bottom: 1rem;
 `
 export const DogDetailWrapper = styled.div`