From e6f4f3749851c96973ab4e319371b420dac9d00d Mon Sep 17 00:00:00 2001
From: cmlim0070 <87525734+cmlim0070@users.noreply.github.com>
Date: Mon, 9 Dec 2024 23:43:37 +0900
Subject: [PATCH] =?UTF-8?q?style=20:=20=EC=A7=80=EB=8F=84=20=ED=8E=98?=
 =?UTF-8?q?=EC=9D=B4=EC=A7=80=20=EC=8A=A4=ED=83=80=EC=9D=BC=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/Map/MapExplorerPage.tsx | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/src/pages/Map/MapExplorerPage.tsx b/src/pages/Map/MapExplorerPage.tsx
index f151243e..b8b8c1f1 100644
--- a/src/pages/Map/MapExplorerPage.tsx
+++ b/src/pages/Map/MapExplorerPage.tsx
@@ -51,6 +51,8 @@ export const MapExplorerPage = () => {
         setQuery(event.target.value);
     };
 
+    const CreateBtnStyle = `text-sample-blue absolute gap-2 p-2 transform -translate-x-12 flex-center bottom-[5rem] translate-y-7 left-[46%] bg-white border border-sample-blue w-52 rounded-2xl`;
+
     return (
         <div>
             <div className="relative">
@@ -69,22 +71,22 @@ export const MapExplorerPage = () => {
                         />
                         {error && <p>검색 오류: {error.message}</p>}
                         {!isLoading && !error && data?.length === 0 && (
-                            <p className="mt-40 flex-center">
+                            <p className="flex-center mt-40">
                                 검색 결과가 없습니다.
                             </p>
                         )}
                     </div>
                 )}
             </div>
-            <div className="absolute transform -translate-x-1/2 bottom-20 left-1/2">
+            <div className="absolute transform -translate-x-1/2 bottom-[6rem] left-1/2">
                 {!isSearchFocused && (
                     <>
                         {selectedLetter ? (
                             <>
                                 {searchedLocation ? (
                                     <NavLink
-                                        to={`/letter/map/:${searchedLocation.lat}/:${searchedLocation.lon}/create`}
-                                        className="absolute gap-2 p-2 transform -translate-x-12 flex-center bottom-60 translate-y-7 left-1/2 btn-base w-52 rounded-2xl"
+                                        to={'/letter/create'}
+                                        className={CreateBtnStyle}
                                     >
                                         <HiOutlinePencilAlt />
                                         지도 편지 작성하기
@@ -92,7 +94,7 @@ export const MapExplorerPage = () => {
                                 ) : (
                                     <NavLink
                                         to={'/letter/create'}
-                                        className="absolute gap-2 p-2 transform -translate-x-12 cursor-not-allowed flex-center bottom-60 translate-y-7 left-1/2 btn-base w-52 rounded-2xl"
+                                        className={CreateBtnStyle}
                                         onClick={(e) => e.preventDefault()}
                                     >
                                         <HiOutlinePencilAlt />
@@ -114,8 +116,8 @@ export const MapExplorerPage = () => {
                             <>
                                 {searchedLocation ? (
                                     <NavLink
-                                        to={`/letter/map/:${searchedLocation.lat}/:${searchedLocation.lon}/create`}
-                                        className="absolute gap-2 p-2 transform -translate-x-12 flex-center bottom-24 translate-y-7 left-1/2 btn-base w-52 rounded-2xl"
+                                        to={'/letter/create'}
+                                        className={CreateBtnStyle}
                                     >
                                         <HiOutlinePencilAlt />
                                         지도 편지 작성하기
@@ -123,7 +125,7 @@ export const MapExplorerPage = () => {
                                 ) : (
                                     <NavLink
                                         to={'/letter/create'}
-                                        className="absolute gap-2 p-2 transform -translate-x-12 cursor-not-allowed flex-center bottom-24 translate-y-7 left-1/2 btn-base w-52 rounded-2xl"
+                                        className={CreateBtnStyle}
                                         onClick={(e) => e.preventDefault()}
                                     >
                                         <HiOutlinePencilAlt />