faet #18 CSS 수정

jigume · Jan 22, 2024 · a4030dc · a4030dc
1 parent 60b1a93
commit a4030dc
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git 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
@@ -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
@@ -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')}
         />
       )}