From 83919168293bab83eaabb66852161dbb5a3f9e3c Mon Sep 17 00:00:00 2001
From: Haneul-Kim <4188989@naver.com>
Date: Mon, 18 Mar 2024 13:46:05 +0900
Subject: [PATCH] =?UTF-8?q?=F0=9F=A9=B9=20fix:=20QA=20=20=EC=A7=80?=
 =?UTF-8?q?=EB=8F=84=20UI?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/(route)/mypage/_components/tab/MyLocationTab/index.tsx | 4 ++--
 app/_components/KakaoMap.tsx                               | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/(route)/mypage/_components/tab/MyLocationTab/index.tsx b/app/(route)/mypage/_components/tab/MyLocationTab/index.tsx
index ce61ea98..de9e43e2 100644
--- a/app/(route)/mypage/_components/tab/MyLocationTab/index.tsx
+++ b/app/(route)/mypage/_components/tab/MyLocationTab/index.tsx
@@ -34,7 +34,7 @@ const MyLocationTab = ({ userId }: Props) => {
       <div className="h-full">
         <div className="relative h-[calc(100vh-7.2rem)] w-full overflow-hidden pc:h-[84rem]">
           <div
-            className={`absolute left-0 top-0 z-zero h-full w-full ${mapVar.toggleTab ? "pc:pl-400" : ""} pb-344 pc:h-[84rem] pc:rounded-lg pc:border pc:border-gray-100 pc:pb-0`}
+            className={`absolute left-0 top-0 z-zero h-full w-full ${mapVar.toggleTab ? "pc:pl-396" : ""} pb-344 pc:h-[84rem] pc:rounded-lg pc:border pc:border-gray-100 pc:pb-0`}
           >
             <KakaoMap scheduleData={myEventsData ?? []} {...mapVar} />
           </div>
@@ -45,7 +45,7 @@ const MyLocationTab = ({ userId }: Props) => {
             <Image src="/icon/arrow-left.svg" width={20} height={20} alt="화살표" className={`${mapVar.toggleTab || "scale-x-[-1]"}`} />
           </button>
           {mapVar.toggleTab && (
-            <div className="absolute bottom-0 flex max-h-352 min-h-84 w-full flex-col gap-16 rounded-t-lg bg-white-black pt-28 shadow-2xl tablet:w-full pc:top-0 pc:h-[84rem] pc:max-h-full pc:w-400 pc:rounded-none pc:rounded-l-lg pc:border pc:border-gray-100 pc:border-t-gray-100 pc:border-t-transparent pc:py-20 pc:shadow-none">
+            <div className="absolute bottom-0 flex max-h-352 min-h-84 w-full flex-col gap-16 rounded-t-lg bg-white-black pt-28 shadow-2xl tablet:w-full pc:top-0 pc:h-[84rem] pc:max-h-full pc:w-400 pc:rounded-none pc:rounded-l-lg pc:border pc:border-gray-100 pc:border-t-gray-100 pc:py-20 pc:shadow-none">
               <div className="absolute left-[calc((100%-64px)/2)] top-12 h-4 w-64 rounded-sm bg-gray-700 pc:hidden" />
               <TimeFilter setStatus={setStatus} status={status} />
               <div className="min-h-320 overflow-scroll scrollbar-none pc:h-[72rem]">
diff --git a/app/_components/KakaoMap.tsx b/app/_components/KakaoMap.tsx
index 8c5dbd50..2cfbe184 100644
--- a/app/_components/KakaoMap.tsx
+++ b/app/_components/KakaoMap.tsx
@@ -171,7 +171,7 @@ const KakaoMap = ({ scheduleData, toggleTab, setToggleTab, selectedCard, setSele
 
   return (
     <div className="relative h-full">
-      <div id="map" className="h-full w-full pc:rounded-r-lg" />
+      <div id="map" className={`h-full w-full pc:rounded-r-lg ${toggleTab ? "" : "pc:rounded-l-lg"}`} />
       <button onClick={zoom(-1)} className="absolute bottom-88 right-20 z-floating h-48 w-48 rounded-full bg-gray-900/60 text-[24px] text-white-white">
         +
       </button>