Skip to content

Commit 2b5d4ba

Browse files
lalaurrellalaurrel
committed
Fix: rem으로 변환
1 parent 1d329a2 commit 2b5d4ba

5 files changed

Lines changed: 25 additions & 25 deletions

File tree

‎src/pages/Account/AccountCancel/index.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -95,7 +95,7 @@ const AccountCancel: React.FC = () => {
9595
<SubTitle>
9696
<StyledText as="div" $textTheme={{ style: 'headline2-medium' }} color={theme.colors.text.primary}>
9797
OOTD 탈퇴 전 확인하세요!
98-
<Skeleton width="100%" height={400} />
98+
<Skeleton width="100%" height={25} />
9999
</StyledText>
100100
</SubTitle>
101101
</CancelContainer>

‎src/pages/Account/AccountSetting/index.tsx‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -73,22 +73,22 @@ const AccountSetting: React.FC = () => {
7373
<TopBar text="계정 관리" LeftButtonSrc={back} onClickLeftButton={() => navigate(-1)} />
7474
<ProfilePicWrapper>
7575
<ProfilePic>
76-
<Skeleton width={120} height={120} borderRadius={80} />
76+
<Skeleton width={7.5} height={7.5} borderRadius={5} />
7777
</ProfilePic>{' '}
7878
<Row>
79-
<Skeleton width="60%" height={20} />
79+
<Skeleton width="60%" height={1.25} />
8080
</Row>
8181
<Row>
82-
<Skeleton width="100%" height={20} />
82+
<Skeleton width="100%" height={1.25} />
8383
</Row>
8484
</ProfilePicWrapper>
8585

8686
<List>
8787
<ListItem>
88-
<Skeleton width="100%" height={40} />
88+
<Skeleton width="100%" height={2.5} />
8989
</ListItem>
9090
<ListItem>
91-
<Skeleton width="100%" height={40} />
91+
<Skeleton width="100%" height={2.5} />
9292
</ListItem>
9393
</List>
9494
</ProfileEditContainer>

‎src/pages/Post/index.tsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -181,14 +181,14 @@ const Post: React.FC = () => {
181181
<TopBar LeftButtonSrc={back} onClickLeftButton={() => navigate(-1)} />
182182
<InfoWrapper>
183183
<PicWrapper>
184-
<Skeleton width={40} height={40} borderRadius={40} />
184+
<Skeleton width={2.5} height={2.5} borderRadius={2.5} />
185185
</PicWrapper>
186186
<NameWrapper>
187-
<Skeleton width={100} height={20} />
187+
<Skeleton width={6.25} height={1.25} />
188188
</NameWrapper>
189189
</InfoWrapper>
190190
<PostWrapper>
191-
<Skeleton width="100%" height={800} />
191+
<Skeleton width="100%" height={50} />
192192
</PostWrapper>
193193
</OODDFrame>
194194
);

‎src/pages/Profile/ProfileEdit/index.tsx‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -161,48 +161,48 @@ const ProfileEdit: React.FC = () => {
161161
<TopBar text="회원정보 수정" LeftButtonSrc={back} onClickLeftButton={() => navigate(-1)} />
162162
<ProfilePicWrapper>
163163
<ProfilePic>
164-
<Skeleton width={120} height={120} borderRadius={80} />
164+
<Skeleton width={7.5} height={7.5} borderRadius={5} />
165165
</ProfilePic>
166166
</ProfilePicWrapper>
167167

168168
<UserInfo>
169-
<Skeleton width={100} height={30} />
169+
<Skeleton width={6.25} height={1.875} />
170170
</UserInfo>
171171
<Row>
172172
<StyledText $textTheme={{ style: 'body2-regular' }} color={theme.colors.text.tertiary}>
173173
이름
174174
</StyledText>
175-
<Skeleton width="100%" height={60} />
175+
<Skeleton width="100%" height={3.75} />
176176
</Row>
177177
<Row>
178178
<StyledText $textTheme={{ style: 'body2-regular' }} color={theme.colors.text.tertiary}>
179179
닉네임
180180
</StyledText>
181-
<Skeleton width="100%" height={60} />
181+
<Skeleton width="100%" height={3.75} />
182182
</Row>
183183
<Row>
184184
<StyledText $textTheme={{ style: 'body2-regular' }} color={theme.colors.text.tertiary}>
185185
소개글
186186
</StyledText>
187-
<Skeleton width="100%" height={60} />
187+
<Skeleton width="100%" height={3.75} />
188188
</Row>
189189
<Row>
190190
<StyledText $textTheme={{ style: 'body2-regular' }} color={theme.colors.text.tertiary}>
191191
전화번호
192192
</StyledText>
193-
<Skeleton width="100%" height={60} />
193+
<Skeleton width="100%" height={3.75} />
194194
</Row>
195195
<Row>
196196
<StyledText $textTheme={{ style: 'body2-regular' }} color={theme.colors.text.tertiary}>
197197
생년월일
198198
</StyledText>
199-
<Skeleton width="100%" height={60} />
199+
<Skeleton width="100%" height={3.75} />
200200
</Row>
201201
<Row>
202202
<StyledText $textTheme={{ style: 'body2-regular' }} color={theme.colors.text.tertiary}>
203203
이메일
204204
</StyledText>
205-
<Skeleton width="100%" height={60} />
205+
<Skeleton width="100%" height={3.75} />
206206
</Row>
207207
<BottomButton content="완료" onClick={handleSave} disabled={isLoading || uploading} />
208208
</ProfileEditContainer>

‎src/pages/Profile/index.tsx‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -128,38 +128,38 @@ const Profile: React.FC = () => {
128128

129129
<Header>
130130
{/* 프로필 섹션 스켈레톤 */}
131-
<Skeleton width={70} height={70} borderRadius={40} />
131+
<Skeleton width={4.375} height={4.375} borderRadius={2.5} />
132132

133133
<ProfileDetail>
134-
<Skeleton width={100} height={20} />
135-
<Skeleton width={300} height={20} />
134+
<Skeleton width={6.25} height={1.25} />
135+
<Skeleton width={18.75} height={1.25} />
136136
</ProfileDetail>
137137
</Header>
138138

139139
{/* 버튼 스켈레톤 */}
140140
<ButtonSkeleton>
141-
<Skeleton width="100%" height={40} />
141+
<Skeleton width="100%" height={2.5} />
142142
</ButtonSkeleton>
143143

144144
{/* 통계 스켈레톤 */}
145145
<StatsContainer>
146146
<Stat>
147-
<Skeleton width={50} height={24} />
147+
<Skeleton width={3.125} height={1.5} />
148148
</Stat>
149149
{isMyPage && (
150150
<Stat>
151-
<Skeleton width={50} height={24} />
151+
<Skeleton width={3.125} height={1.5} />
152152
</Stat>
153153
)}
154154
<Stat>
155-
<Skeleton width={50} height={24} />
155+
<Skeleton width={3.125} height={1.5} />
156156
</Stat>
157157
</StatsContainer>
158158

159159
{/* 포스트 스켈레톤 */}
160160
<PostsContainer>
161161
{[1, 2, 3, 4].map((item) => (
162-
<Skeleton key={item} width="48%" height={260} />
162+
<Skeleton key={item} width="48%" height={16.25} />
163163
))}
164164
</PostsContainer>
165165

0 commit comments

Comments
 (0)