Delete arrow buttons in mobile devices

Dium-dev · Mar 19, 2024 · 807c4ea · 807c4ea
1 parent 3deab77
commit 807c4ea
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/Banner.tsx b/src/components/Banner.tsx
@@ -33,7 +33,7 @@ const Banner: FC = () => {
           <button
             onClick={onClick}
             disabled={disabled}
-            className="hover:text-primary-lm transition-all ease-linear duration-300 absolute top-[50%] translate-y-[-50%] bg-background-lm z-10 p-2 rounded-full invisible group-hover:visible left-2 opacity-80"
+            className="hover:text-primary-lm transition-all ease-linear duration-300 absolute top-[50%] translate-y-[-50%] bg-background-lm z-10 p-2 rounded-full invisible ms:group-hover:visible left-2 opacity-80"
           >
             <BsChevronCompactLeft size={31} />
           </button>
@@ -42,7 +42,7 @@ const Banner: FC = () => {
           <button
             onClick={onClick}
             disabled={disabled}
-            className="hover:text-primary-lm transition-all ease-linear duration-300 absolute top-[50%] translate-y-[-50%] bg-background-lm z-10 p-2 rounded-full invisible group-hover:visible right-2 opacity-80"
+            className="hover:text-primary-lm transition-all ease-linear duration-300 absolute top-[50%] translate-y-[-50%] bg-background-lm z-10 p-2 rounded-full invisible ms:group-hover:visible right-2 opacity-80"
           >
             <BsChevronCompactRight size={31} />
           </button>