From 7e5c800e3530c0a0eb8875826e3e1926e463b88b Mon Sep 17 00:00:00 2001
From: guofei <guofeichu@gmail.com>
Date: Wed, 6 Nov 2024 13:29:37 +0800
Subject: [PATCH] change style

---
 src/app/components/ChannelSwiper.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/app/components/ChannelSwiper.tsx b/src/app/components/ChannelSwiper.tsx
index 171c819..e70f8d7 100644
--- a/src/app/components/ChannelSwiper.tsx
+++ b/src/app/components/ChannelSwiper.tsx
@@ -21,14 +21,16 @@ const data = [
 ];
 
 export default function ChannelSwiper() {
+  const isMobile = /Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent);
+
   return (
     <>
       <div className="overflow-hidden flex items-center">
-        <Marquee speed={20}>
+        <Marquee speed={isMobile ? 15 : 50}>
           {data.map((item, index) => {
             return (
-              <div key={index} className="mx-8 max-w-[100px] w-auto h-[80px] flex items-center">
-                <img src={`https://www-soyootech.oss-cn-hangzhou.aliyuncs.com/channel/${item.url}`} className={`${item.url.includes("chartboost") ? "translate-y-[-10px]" : ""}`} alt="" />
+              <div key={index} className="mx-8 max-w-[100px] w-auto h-[80px] flex items-center ">
+                <img src={`https://www-soyootech.oss-cn-hangzhou.aliyuncs.com/channel/${item.url}`} className={` ${item.url.includes("chartboost") ? "translate-y-[-16px]" : ""}`} alt="" />
               </div>
             );
           })}