fix: Spot/Course 수정 시 터치 스크린에서 이상 동작하던 현상 수정

Kernel360 · Mar 28, 2024 · f2dc0d3 · f2dc0d3
1 parent 76f3cf2
commit f2dc0d3
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
diff --git a/frontend/src/app/_components/add/course/without-new/SortableSpotItem.tsx b/frontend/src/app/_components/add/course/without-new/SortableSpotItem.tsx
@@ -17,7 +17,7 @@ const SortableSpotItem = forwardRef<HTMLDivElement, ItemProps>(
     return (
       <div
         ref={ref}
-        className={`${withOpacity ? 'opacity-50' : 'opacity-100'} ${
+        className={`touch-none ${withOpacity ? 'opacity-50' : 'opacity-100'} ${
           isDragging ? 'cursor-grabbing scale-105' : 'scale-100'
         } ${animationStyle}`}
         {...props}

diff --git a/frontend/src/app/_components/images/ImageItem.tsx b/frontend/src/app/_components/images/ImageItem.tsx
@@ -32,7 +32,7 @@ const ImageItem = forwardRef<HTMLDivElement, ItemProps>(
           removeImage && removeImage(image.filename);
         }}
         ref={ref}
-        className={`relative aspect-square border-2 rounded-2xl origin-center overflow-hidden shrink-0 ${
+        className={`touch-none relative aspect-square border-2 rounded-2xl origin-center overflow-hidden shrink-0 ${
           withOpacity ? 'opacity-50' : 'opacity-100'
         } ${
           isDragging ? 'cursor-grabbing scale-105' : 'scale-100'

diff --git a/frontend/src/app/_components/mypage/course/CourseDetail.tsx b/frontend/src/app/_components/mypage/course/CourseDetail.tsx
@@ -243,7 +243,7 @@ export default function CourseDetail({
   }, [spots]);
 
   return (
-    <div className="mx-4 touch-none">
+    <div className="mx-4">
       <nav className="relative py-4 flex justify-between items-center">
         <BackButton />
         <span className="text-2xl font-light">

diff --git a/frontend/src/app/_components/mypage/course/CourseSpotItem.tsx b/frontend/src/app/_components/mypage/course/CourseSpotItem.tsx
@@ -111,7 +111,7 @@ const CourseSpotItem = forwardRef<HTMLDivElement, TItemProps>(
     return (
       <article
         ref={ref}
-        className={`flex flex-col bg-white ${
+        className={`touch-none flex flex-col bg-white ${
           withOpacity ? 'opacity-50' : 'opacity-100'
         } ${
           isDragging ? 'cursor-grabbing scale-105' : 'scale-100'