feat: mypage Nav바 등록

4bujak-4bujak · May 28, 2024 · 16a88f0 · 16a88f0
1 parent 4d07ff3
commit 16a88f0
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 4 deletions.
diff --git a/src/components/footer/Footer.tsx b/src/components/footer/Footer.tsx
@@ -8,7 +8,7 @@ const Footer = () => {
 
   return (
     <footer>
-      <nav className=" fixed bottom-0 w-[393px] h-[77.02px] px-[25px] bg-white border-t border-stone-50 justify-between items-center inline-flex z-[999]">
+      <nav className=" fixed  bottom-0 w-[393px] h-[77.02px] px-[25px] bg-white border-t border-stone-50 justify-between items-center inline-flex z-[999]">
         <Link href="/">
           <div className="h-[44.84px] flex-col justify-start items-center gap-2.5 inline-flex">
             <div className="w-[22.06px] h-[21.82px] flex-col justify-center items-center">

diff --git a/src/pages/mypage/guide/index.tsx b/src/pages/mypage/guide/index.tsx
@@ -4,7 +4,7 @@ import React from 'react';
 const GuidePage = () => {
   return (
     <div className="w-full max-w-md mx-auto bg-white flex flex-col gap-8">
-      <div className="mt-[40px] ml-[10px] mb-[2px]">
+      <div className=" mt-[40px] ml-[20px] mb-[2px]">
         <BackArrow width="40px" height="24px" name="이용 가이드" />
       </div>
 

diff --git a/src/pages/mypage/index.tsx b/src/pages/mypage/index.tsx
@@ -5,6 +5,8 @@ import LogoutModal from '@/components/modal/logoutModal';
 import { useState } from 'react';
 import useLoggedOut from '@/hook/useLoggedOut';
 import SuccessModal from '@/components/modal/successModal';
+import Footer from '@/components/footer/Footer';
+
 const MyPage = () => {
   const member = useMember();
   const job = getTitleFromDescription(jobPosition, member.memberJob);
@@ -25,8 +27,9 @@ const MyPage = () => {
   };
 
   return (
-    <div className="w-full   flex items-center justify-center">
-      <div className="w-full max-w-md flex flex-col items-center justify-center mt-[102px]">
+    <div className=" max-w-[393px]  mx-auto relative">
+      <Footer />
+      <div className="w-full max-w-md flex flex-col items-center justify-center mt-[102px] relative">
         <div className="flex flex-col justify-center items-center">
           <div>
             <img src="/mypage/ProfileImage.svg" />