fix: #173 프로필 컴포넌트 생성

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