From 30d5ad5ff2543a052a81126659f42ebb6c34d527 Mon Sep 17 00:00:00 2001
From: kurihada <kurihada@qq.com>
Date: Wed, 25 Feb 2026 14:51:12 +0800
Subject: [PATCH] =?UTF-8?q?ui:=20=E7=BC=A9=E5=B0=8F=E6=88=BF=E9=97=B4?=
 =?UTF-8?q?=E9=A1=B5=E5=8D=A1=E7=89=87=E5=92=8C=E6=93=8D=E4=BD=9C=E6=8C=89?=
 =?UTF-8?q?=E9=92=AE=EF=BC=8C=E9=80=82=E9=85=8D=E5=B0=8F=E5=B1=8F=E6=89=8B?=
 =?UTF-8?q?=E6=9C=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ActionButtons.tsx | 10 +++++-----
 src/components/SwipeDeck.tsx     |  2 +-
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/ActionButtons.tsx b/src/components/ActionButtons.tsx
index eee3014..86f4238 100644
--- a/src/components/ActionButtons.tsx
+++ b/src/components/ActionButtons.tsx
@@ -14,20 +14,20 @@ export default function ActionButtons({
   disabled,
 }: ActionButtonsProps) {
   return (
-    <div className="relative z-10 flex items-center justify-center gap-8 pb-8 pt-4">
+    <div className="relative z-10 flex items-center justify-center gap-6 pb-5 pt-3">
       <motion.button
-        className="flex h-16 w-16 items-center justify-center rounded-full bg-white shadow-lg shadow-rose-200/50 ring-1 ring-rose-100 disabled:opacity-40"
+        className="flex h-13 w-13 items-center justify-center rounded-full bg-white shadow-lg shadow-rose-200/50 ring-1 ring-rose-100 disabled:opacity-40"
         whileTap={{ scale: 0.85 }}
         whileHover={{ scale: 1.08 }}
         onClick={() => onAction("left")}
         disabled={disabled}
         aria-label="Nope"
       >
-        <X size={30} className="text-rose-500" strokeWidth={3} />
+        <X size={26} className="text-rose-500" strokeWidth={3} />
       </motion.button>
 
       <motion.button
-        className="flex h-16 w-16 items-center justify-center rounded-full bg-white shadow-lg shadow-emerald-200/50 ring-1 ring-emerald-100 disabled:opacity-40"
+        className="flex h-13 w-13 items-center justify-center rounded-full bg-white shadow-lg shadow-emerald-200/50 ring-1 ring-emerald-100 disabled:opacity-40"
         whileTap={{ scale: 0.85 }}
         whileHover={{ scale: 1.08 }}
         onClick={() => onAction("right")}
@@ -35,7 +35,7 @@ export default function ActionButtons({
         aria-label="Like"
       >
         <Heart
-          size={28}
+          size={24}
           className="fill-emerald-500 text-emerald-500"
           strokeWidth={2.5}
         />
diff --git a/src/components/SwipeDeck.tsx b/src/components/SwipeDeck.tsx
index 61dfc58..5efcb3a 100644
--- a/src/components/SwipeDeck.tsx
+++ b/src/components/SwipeDeck.tsx
@@ -359,7 +359,7 @@ export default function SwipeDeck({
       )}
 
       <div className="relative flex flex-1 items-center justify-center px-4">
-        <div className="relative h-[70vh] w-full max-w-sm">
+          <div className="relative h-[60vh] w-full max-w-sm">
           {currentIndex === 0 && !resolvedMatchId && guideVisible && (
             <SwipeGuide onDismiss={() => setGuideVisible(false)} />
           )}