From 57225b8b641e0788478f6850e375e88f21f3162a Mon Sep 17 00:00:00 2001
From: shinya <kobayashi_shinya@outlook.com>
Date: Mon, 23 Jun 2025 00:23:08 +0800
Subject: [PATCH] feat: hide hover botton on mobile

---
 src/components/ScrollableRow.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/ScrollableRow.tsx b/src/components/ScrollableRow.tsx
index 447d9be..fd48ad3 100644
--- a/src/components/ScrollableRow.tsx
+++ b/src/components/ScrollableRow.tsx
@@ -109,7 +109,7 @@ export default function ScrollableRow({
       </div>
       {showLeftScroll && (
         <div
-          className={`absolute left-0 top-0 bottom-0 w-16 flex items-center justify-center z-50 transition-opacity duration-200 ${
+          className={`hidden sm:flex absolute left-0 top-0 bottom-0 w-16 items-center justify-center z-50 transition-opacity duration-200 ${
             isHovered ? 'opacity-100' : 'opacity-0'
           }`}
           style={{
@@ -136,7 +136,7 @@ export default function ScrollableRow({
 
       {showRightScroll && (
         <div
-          className={`absolute right-0 top-0 bottom-0 w-16 flex items-center justify-center z-50 transition-opacity duration-200 ${
+          className={`hidden sm:flex absolute right-0 top-0 bottom-0 w-16 items-center justify-center z-50 transition-opacity duration-200 ${
             isHovered ? 'opacity-100' : 'opacity-0'
           }`}
           style={{