From 3e307b0d031786f71bce682fd6219f1d5c54b5d5 Mon Sep 17 00:00:00 2001
From: Oh5Yeonju <oh5yeonju@gmail.com>
Date: Sat, 7 Oct 2023 23:50:12 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20#173=20=ED=94=84=EB=A1=9C=ED=95=84=20?=
 =?UTF-8?q?=EC=BB=B4=ED=8F=AC=EB=84=8C=ED=8A=B8=20width,height=20=EB=B0=9B?=
 =?UTF-8?q?=EC=95=84=EC=98=A8=20=EA=B0=92=EC=9C=BC=EB=A1=9C=20=EA=B3=A0?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/User/UserProfileCircle.jsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/components/common/User/UserProfileCircle.jsx b/src/components/common/User/UserProfileCircle.jsx
index b9d4911..6a85e42 100644
--- a/src/components/common/User/UserProfileCircle.jsx
+++ b/src/components/common/User/UserProfileCircle.jsx
@@ -1,9 +1,9 @@
 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>
     )
 }
@@ -11,8 +11,9 @@ const UserProfileCircle = () => {
 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;
 `
\ No newline at end of file