refactor: 프로필 페이지 모바일 UI 수정

BCSDLab · Oct 22, 2023 · 2376176 · 2376176
1 parent 25061ff
commit 2376176
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 4 deletions.
diff --git a/src/pages/Follow/components/FollowProfile.module.scss b/src/pages/Follow/components/FollowProfile.module.scss
@@ -24,7 +24,7 @@
 
   &__container {
     display: flex;
-    width: 100%;
+    width: 90%;
     justify-content: space-between;
     align-items: center;
   }

diff --git a/src/pages/Follow/components/Follower.tsx b/src/pages/Follow/components/Follower.tsx
@@ -87,7 +87,8 @@ export default function Follower({
         거절
       </button>
       )}
-      {value && <MobileUnfollow nickname={nickname} del={del} toggle={toggle} account={account} />}
+      {value && isMobile
+      && <MobileUnfollow nickname={nickname} del={del} toggle={toggle} account={account} />}
     </div>
   );
 }
diff --git a/src/pages/Follow/components/MobileUnfollow.module.scss b/src/pages/Follow/components/MobileUnfollow.module.scss
@@ -32,8 +32,9 @@
   }
 
   &__image {
-    width: 30vw;
-    height: 25vh;
+    width: 23vw;
+    height: 15vh;
+    margin: 3vh 0;
   }
 
   &__delete {