Style: 개인 프로필 레이아웃 잡기

TeamATM · Oct 23, 2023 · 87e7be6 · 87e7be6
1 parent 574be24
commit 87e7be6
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/src/pages/profile/index.tsx b/src/pages/profile/index.tsx
@@ -4,7 +4,6 @@ import SEO from '@/components/common/head/SEO';
 import { useSession } from 'next-auth/react';
 import CharacterProfileInfo from '@/components/profile/CharacterProfileInfo';
 import Loading from '@/components/common/dialog/Loading';
-import color from '@/styles/color';
 import UserRouteButtons from '@/components/profile/UserRouteButtons';
 
 const Profile = () => {
@@ -20,17 +19,17 @@ const Profile = () => {
               <CharacterProfileInfo
                 characterName={session.user.name}
                 hashTag={session.user.email}
-                // TODO: 프로필 이미지를 만들어봐야할 것 같습니다.
-                // TODO: 개인 프로필 상태메시지가 있으면 어떨까요?
+              // TODO: 프로필 이미지를 만들어봐야할 것 같습니다.
+              // TODO: 개인 프로필 상태메시지가 있으면 어떨까요?
                 profileImageUrl="/default-user.png"
                 statusMessage="ToonChat에 오신 것을 환영합니다."
               />
             ) : <Loading />
         }
         <UserRouteButtons />
-        <div css={css`margin: 1rem; height: 4px; border-radius: 2px; background: ${color.greenGray}; width: 2.5rem;`} />
+        <div css={css`margin: 1.5rem;`} />
+        <BottomNavBar pageName="Profile" />
       </section>
-      <BottomNavBar pageName="Profile" />
     </>
   );
 };
@@ -41,6 +40,7 @@ const pageCSS = css`
   height: 100vh;
   display: flex;
   flex-direction: column;
+  justify-content: flex-end;
   align-items: center;
   padding: 0.5rem;
   padding-bottom: 0;