feat: 탐색 페이지 스켈레톤 UI 수정

Here-You · Feb 16, 2024 · a424e9b · a424e9b
1 parent f52a709
commit a424e9b
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 7 deletions.
diff --git a/src/components/explore/skeleton/SignatureSearchPreviewSkeleton.jsx b/src/components/explore/skeleton/SignatureSearchPreviewSkeleton.jsx
@@ -24,7 +24,6 @@ const SignatureSearchPreviewSkeleton = () => {
           {new Array(10).fill(0).map(() => Preview)}
         </S.PreviewContainer>
       </S.PageContainer>
-
       <S.PageContainer>
         <S.Title />
         <S.PreviewContainer>

diff --git a/src/components/explore/skeleton/SignatureSearchPreviewSkeleton.style.js b/src/components/explore/skeleton/SignatureSearchPreviewSkeleton.style.js
@@ -25,8 +25,8 @@ const PreviewWrap = styled.div`
 
 const PreviewImg = styled.div`
   display: flex;
-  width: 140px;
-  height: 140px;
+  width: 120px;
+  height: 120px;
   overflow: hidden;
   border-radius: 5px;
 `;
@@ -59,7 +59,7 @@ const ProfileImg = styled.div`
 
 const Nickname = styled.div`
   border-radius: 20px;
-  width: 50px;
+  width: 100px;
   padding: 10px;
   animation: ${skeletonGradient} 1.5s infinite;
 `;
@@ -84,7 +84,6 @@ const HeartContainer = styled.div`
 
 const Open = styled.div`
   display: flex;
-
   cursor: pointer;
 `;
 
@@ -101,7 +100,6 @@ const PageContainer = styled.div`
 
   width: 95%;
   margin: 0 auto;
-  margin-top: 70px;
 `;
 
 const EmptyContainer = styled.div`

diff --git a/src/pages/signature/post/SignaturePost.jsx b/src/pages/signature/post/SignaturePost.jsx
@@ -14,7 +14,6 @@ import useLikersModal from '@/hooks/modal/useLikersModal';
 import { useGetMyProfile } from '@/hooks/profile/queries/useGetMyProfile';
 import { useGetSignaturePost } from '@/hooks/signature/queries/useGetSignaturePost';
 import { useMutation, useQueryClient } from '@tanstack/react-query';
-import { CiLocationOn } from 'react-icons/ci';
 import { GrFormNext, GrFormPrevious } from 'react-icons/gr';
 
 const SignaturePostPage = () => {