Merge pull request #36 from Dium-dev/12-banner

Delete arrow buttons in mobile devices
Dium-dev · Mar 20, 2024 · 154ecf0 · 154ecf0
2 parents 3e3b3db + 807c4ea
commit 154ecf0
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>