feature-079: 마이페이지 스켈레톤 1차 구현

teamViNO · Feb 19, 2024 · 473f2f9 · 473f2f9
1 parent 13d4780
commit 473f2f9
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 0 deletions.
diff --git a/src/components/skeleton/ProfilePageSkeleton.tsx b/src/components/skeleton/ProfilePageSkeleton.tsx
@@ -0,0 +1,11 @@
+import * as ProfilePageSkeletonStyles from '@/styles/skeleton/ProfilePageSkeleton.style';
+
+const ProfilePageSkeleton = () => {
+  return (
+    <ProfilePageSkeletonStyles.Container>
+      <ProfilePageSkeletonStyles.Title />
+    </ProfilePageSkeletonStyles.Container>
+  );
+};
+
+export default ProfilePageSkeleton;
diff --git a/src/styles/skeleton/ProfilePageSkeleton.style.ts b/src/styles/skeleton/ProfilePageSkeleton.style.ts
@@ -0,0 +1,11 @@
+import styled from 'styled-components';
+import { CommonBackground } from './CategoryPageSkeleton.style';
+
+export const Container = styled.div`
+  width: 873px;
+`;
+
+export const Title = styled(CommonBackground)`
+  width: 90px;
+  height: 40px;
+`;