From 4b65ca6ea0336a721ed17e81a6374eec07c8c9e3 Mon Sep 17 00:00:00 2001
From: tangly1024 <mail@tangly1024.com>
Date: Sat, 15 Jun 2024 15:37:07 +0800
Subject: [PATCH] fix

---
 themes/heo/components/MenuItemDrop.js |  2 -
 themes/heo/components/Swipe.js        | 91 ++++++++++++++-------------
 2 files changed, 47 insertions(+), 46 deletions(-)

diff --git a/themes/heo/components/MenuItemDrop.js b/themes/heo/components/MenuItemDrop.js
index 2e8709ff..0b9c3053 100644
--- a/themes/heo/components/MenuItemDrop.js
+++ b/themes/heo/components/MenuItemDrop.js
@@ -13,8 +13,6 @@ export const MenuItemDrop = ({ link }) => {
     <div
       onMouseOver={() => changeShow(true)}
       onMouseOut={() => changeShow(false)}>
-      {' '}
-      menu-link pl-2 pr-4 no-underline tracking-widest pb-1
       {/* 不含子菜单 */}
       {!hasSubMenu && (
         <Link
diff --git a/themes/heo/components/Swipe.js b/themes/heo/components/Swipe.js
index 6afc5f27..7ce7c08e 100644
--- a/themes/heo/components/Swipe.js
+++ b/themes/heo/components/Swipe.js
@@ -10,7 +10,7 @@ import { useEffect, useState } from 'react'
 export function Swipe({ items }) {
   const [activeIndex, setActiveIndex] = useState(0)
 
-  const handleClick = (item) => {
+  const handleClick = item => {
     if (isBrowser) {
       window.open(item?.url)
     }
@@ -24,50 +24,53 @@ export function Swipe({ items }) {
   }, [activeIndex, items.length])
 
   return (
-        <div className="h-full relative w-full overflow-hidden">
-            {items.map((item, index) => (
-                <div
-                    onClick={() => handleClick(item)}
-                    key={index}
-                    className={`absolute top-0 bottom-0 w-full h-full flex justify-center items-center line-clamp-1 transform transition-transform duration-500 ${index === activeIndex ? 'translate-y-0 slide-in' : 'translate-y-full slide-out'
-                        }`}
-                >
-                    {item.title}
-                </div>
-            ))}
-            <style jsx>{`
-            .slide-in {
-                animation-name: slide-in;
-                animation-duration: 0.5s;
-                animation-fill-mode: forwards;
-            }
-            
-            .slide-out {
-                animation-name: slide-out;
-                animation-duration: 0.5s;
-                animation-fill-mode: forwards;
-            }
-            
-            @keyframes slide-in {
-                from {
-                transform: translateY(100%);
-                }
-                to {
-                transform: translateY(0);
-                }
-            }
-            
-            @keyframes slide-out {
-                from {
-                transform: translateY(0);
-                }
-                to {
-                transform: translateY(-100%);
-                }
-            }
-      `}</style>
+    <div className='h-full relative w-full overflow-hidden'>
+      {items.map((item, index) => (
+        <div
+          onClick={() => handleClick(item)}
+          key={index}
+          className={`whitespace-nowrap absolute top-0 bottom-0 w-full h-full flex justify-center items-center line-clamp-1 transform transition-transform duration-500 ${
+            index === activeIndex
+              ? 'translate-y-0 slide-in'
+              : 'translate-y-full slide-out'
+          }`}>
+          {item.title}
         </div>
+      ))}
+
+      <style jsx>{`
+        .slide-in {
+          animation-name: slide-in;
+          animation-duration: 0.5s;
+          animation-fill-mode: forwards;
+        }
+
+        .slide-out {
+          animation-name: slide-out;
+          animation-duration: 0.5s;
+          animation-fill-mode: forwards;
+        }
+
+        @keyframes slide-in {
+          from {
+            transform: translateY(100%);
+          }
+          to {
+            transform: translateY(0);
+          }
+        }
+
+        @keyframes slide-out {
+          from {
+            transform: translateY(0);
+          }
+          to {
+            transform: translateY(-100%);
+          }
+        }
+      `}</style>
+    </div>
   )
-};
+}
 
 export default Swipe