fix: #173 프로필 컴포넌트 width,height 받아온 값으로 고정

FRONTENDSCHOOL5 · Oct 7, 2023 · 3e307b0 · 3e307b0
1 parent 20f9b38
commit 3e307b0
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/src/components/common/User/UserProfileCircle.jsx b/src/components/common/User/UserProfileCircle.jsx
@@ -1,18 +1,19 @@
 import styled from "styled-components";
 import basicImg from '../../../assets/images/basic-profile-img.png';
 
-const UserProfileCircle = () => {
+const UserProfileCircle = ({isWidth}) => {
     return (
-        <UserProfileCircleStyle style={{ backgroundImage: `url(${basicImg})`}}>
+        <UserProfileCircleStyle isWidth={isWidth} style={{ backgroundImage: `url(${basicImg})`}}>
         </UserProfileCircleStyle>
     )
 }
 
 export default UserProfileCircle;
 
 const UserProfileCircleStyle = styled.div`
-  width: 100%;
-  aspect-ratio: 1/1;
+  width: ${({isWidth}) => (isWidth ? isWidth : '100%')};
+  height: ${({isWidth}) => isWidth};
+
   border-radius: 50%;
   background-size: cover;
 `