From a4030dc196ee3e19de682eac5ee50bee13d79be0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EB=8F=84=EA=B2=BD?= <lee7198@naver.com>
Date: Mon, 22 Jan 2024 20:22:30 +0900
Subject: [PATCH] =?UTF-8?q?faet=20#18=20CSS=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/goods.ts                                            | 6 +++---
 .../components/BottomSheetComponent/components/ItemList.tsx | 4 ++--
 src/pages/Map/components/BottomSheetComponent/index.tsx     | 2 +-
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/api/goods.ts b/src/api/goods.ts
index 33b643e..8e2bed0 100644
--- a/src/api/goods.ts
+++ b/src/api/goods.ts
@@ -10,7 +10,7 @@ import jigumeAxios from './axios';
 export const getGoodsList = async (
   bounds: kakao.maps.LatLngBounds | null
 ): Promise<GoodsMarkerListType | 'retry'> => {
-  if (!bounds) return 'retry';
+  // if (!bounds) return 'retry';
 
   const boundArr = stringLatLng2Arr(bounds);
   const response = await jigumeAxios
@@ -29,7 +29,7 @@ export const getGoodsList = async (
 export const getSheetGoods = async (
   preViewer: PreViewerMarker
 ): Promise<GoodsDetailDTO | 'retry'> => {
-  if (!preViewer) return 'retry';
+  // if (!preViewer) return 'retry';
 
   const response = await jigumeAxios
     .get(`/api/goods/${preViewer.goodsId}/page`)
@@ -43,7 +43,7 @@ export const getSheetList = async ({
 }: {
   bounds: kakao.maps.LatLngBounds | undefined;
 }): Promise<GoodsListDTO | 'retry'> => {
-  if (!bounds) return 'retry';
+  // if (!bounds) return 'retry';
 
   const boundArr = stringLatLng2Arr(bounds);
   const response = await jigumeAxios
diff --git a/src/pages/Map/components/BottomSheetComponent/components/ItemList.tsx b/src/pages/Map/components/BottomSheetComponent/components/ItemList.tsx
index 71529b8..075d377 100644
--- a/src/pages/Map/components/BottomSheetComponent/components/ItemList.tsx
+++ b/src/pages/Map/components/BottomSheetComponent/components/ItemList.tsx
@@ -30,7 +30,7 @@ export default function ItemList({
   if (goodsArr.length === 0)
     return (
       <div
-        className="absolute top-[96px] size-full overflow-x-scroll pb-[192px] pt-[96px]"
+        className="absolute top-[96px] flex size-full flex-col gap-2 overflow-x-scroll pb-[192px] pt-[96px]"
         style={{ height: thresholds[sheetLevel] }}
       >
         {[1, 2, 3].map((item) => (
@@ -40,7 +40,7 @@ export default function ItemList({
     );
 
   return (
-    <div className="absolute top-[96px] h-full overflow-x-scroll pb-[192px] pt-[96px]">
+    <div className="absolute top-[96px] flex h-full flex-col gap-2 overflow-x-scroll pb-[192px] pt-[96px]">
       {goodsArr.map((item) => {
         const trueArr = filter.filter(({ checked }) => checked);
 
diff --git a/src/pages/Map/components/BottomSheetComponent/index.tsx b/src/pages/Map/components/BottomSheetComponent/index.tsx
index bae6393..1dd0893 100644
--- a/src/pages/Map/components/BottomSheetComponent/index.tsx
+++ b/src/pages/Map/components/BottomSheetComponent/index.tsx
@@ -53,7 +53,7 @@ export default function BottomSheetComponent({
     <>
       {isOpen && (
         <div
-          className="size-screen fixed left-0 top-0 z-[30] cursor-pointer touch-pan-y duration-300 ease-out"
+          className="fixed left-0 top-0 z-[30] h-svh w-svw cursor-pointer touch-pan-y duration-300 ease-out"
           onClick={() => handleSheet('min')}
         />
       )}