From 2d07435ecb59efe9041c22c7df31906eb5d09666 Mon Sep 17 00:00:00 2001
From: Haneul-Kim <4188989@naver.com>
Date: Mon, 18 Mar 2024 13:23:30 +0900
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20fix:=20=EB=8D=B0=EC=9D=B4?=
 =?UTF-8?q?=ED=84=B0=200,=201=EA=B0=9C=EC=9D=BC=20=EB=95=8C=20=EC=A7=80?=
 =?UTF-8?q?=EB=8F=84=20=EB=A6=AC=EC=8A=A4=ED=8A=B8=20css=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

---
 app/(route)/artist/[artistId]/page.tsx           |  6 +++---
 .../_components/tab/MyLocationTab/index.tsx      | 16 ++++++++--------
 2 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/app/(route)/artist/[artistId]/page.tsx b/app/(route)/artist/[artistId]/page.tsx
index 8455a1d6..52aa1fc8 100644
--- a/app/(route)/artist/[artistId]/page.tsx
+++ b/app/(route)/artist/[artistId]/page.tsx
@@ -89,7 +89,7 @@ const ArtistIdPage = () => {
           <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-344 min-h-84 w-full flex-col gap-16 rounded-t-lg bg-white-black pt-28 shadow-2xl tablet:top-0 tablet:max-h-full tablet:w-360 tablet:rounded-none tablet:border tablet:border-gray-100 tablet:border-t-transparent tablet:pt-20 tablet:shadow-none pc:top-0 pc:h-[84rem] pc:w-400 pc:rounded-l-lg pc:border-t-gray-100 pc:py-20">
+          <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:top-0 tablet:max-h-full tablet:w-360 tablet:rounded-none tablet:border tablet:border-gray-100 tablet:border-t-transparent tablet:pt-20 tablet:shadow-none pc:top-0 pc:h-[84rem] pc:w-400 pc:rounded-l-lg pc:border-t-gray-100 pc:py-20">
             <div className="absolute left-[calc((100%-64px)/2)] top-12 h-4 w-64 rounded-sm bg-gray-700 tablet:hidden" />
             <div className="flex flex-row items-center justify-start gap-12 px-20 pc:w-full">
               <div className="relative h-36 w-36 pc:h-64 pc:w-64">
@@ -109,9 +109,9 @@ const ArtistIdPage = () => {
                 인기순
               </SortButton>
             </div>
-            <div className="overflow-scroll scrollbar-none pc:h-[65rem]">
+            <div className="min-h-200 overflow-scroll scrollbar-none pc:h-[65rem]">
               {isEmpty ? (
-                <p className="flex-center h-[20rem] w-full pt-20 text-14 font-500">행사가 없습니다.</p>
+                <p className="flex-center w-full pt-20 text-14 font-500">행사가 없습니다.</p>
               ) : (
                 <div className="px-20">
                   {artistData.pages.map((page) =>
diff --git a/app/(route)/mypage/_components/tab/MyLocationTab/index.tsx b/app/(route)/mypage/_components/tab/MyLocationTab/index.tsx
index 7519a1e3..ce61ea98 100644
--- a/app/(route)/mypage/_components/tab/MyLocationTab/index.tsx
+++ b/app/(route)/mypage/_components/tab/MyLocationTab/index.tsx
@@ -1,15 +1,15 @@
 "use client";
 
 import EventCard from "@/(route)/artist/[artistId]/_components/EventCard";
-import { instance } from "@/api/api";
+import { useQuery } from "@tanstack/react-query";
+import Image from "next/image";
+import { useState } from "react";
 import KakaoMap from "@/components/KakaoMap";
 import TimeFilter from "@/components/TimeFilter";
-import { STATUS } from "@/constants/eventStatus";
+import { instance } from "@/api/api";
 import useCustomMap from "@/hooks/useCustomMap";
 import { EventCardType } from "@/types/index";
-import { useQuery } from "@tanstack/react-query";
-import Image from "next/image";
-import { useState } from "react";
+import { STATUS } from "@/constants/eventStatus";
 
 interface Props {
   userId: string;
@@ -45,12 +45,12 @@ 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-344 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:border-t-transparent 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="overflow-scroll scrollbar-none pc:h-[72rem]">
+              <div className="min-h-320 overflow-scroll scrollbar-none pc:h-[72rem]">
                 {isEmpty ? (
-                  <p className="flex-center h-[50rem] w-full pt-20 text-14 font-500">행사가 없습니다.</p>
+                  <p className="flex-center w-full pt-20 text-14 font-500">행사가 없습니다.</p>
                 ) : (
                   <div className="px-20">
                     {myEventsData?.map((event) => (