From c20ac11ed7bf59b919f49f01fadb6e64bb18239f Mon Sep 17 00:00:00 2001
From: kkfluous <kkfluous@kdemacbook-air.local>
Date: Sat, 28 Mar 2026 23:57:31 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E7=AD=9B=E9=80=89=E9=9D=A2=E6=9D=BF?=
 =?UTF-8?q?=E6=A1=8C=E9=9D=A2=E7=AB=AF=E6=94=B9=E4=B8=BA=E5=90=91=E4=B8=8A?=
 =?UTF-8?q?=E5=B1=95=E5=BC=80=EF=BC=8C=E5=8A=A0=E6=BB=9A=E5=8A=A8=E9=98=B2?=
 =?UTF-8?q?=E6=AD=A2=E5=BA=95=E9=83=A8=E9=81=AE=E6=8C=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 桌面端sm:top-full改为sm:bottom-full，面板从按钮上方弹出
- 加max-h和overflow-auto，内容过多时可滚动
- 移动端保持固定居中

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 src/App.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index a1aeb9f..de1bdf5 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1045,7 +1045,7 @@ export default function App() {
                         initial={{ opacity: 0, y: 10, scale: 0.95 }}
                         animate={{ opacity: 1, y: 0, scale: 1 }}
                         exit={{ opacity: 0, y: 10, scale: 0.95 }}
-                        className="fixed inset-x-4 top-1/4 sm:absolute sm:inset-auto sm:right-0 sm:top-full sm:mt-2 sm:w-72 bg-white rounded-xl shadow-2xl border border-slate-100 z-50 p-4"
+                        className="fixed inset-x-4 top-1/4 max-h-[60vh] overflow-auto sm:absolute sm:inset-auto sm:right-0 sm:bottom-full sm:mb-2 sm:w-72 sm:max-h-[70vh] bg-white rounded-xl shadow-2xl border border-slate-100 z-50 p-4"
                       >
                         <div className="flex justify-between items-center mb-4">
                           <h3 className="text-xs font-bold text-slate-800">库存统计 - 数据筛选</h3>
@@ -1976,7 +1976,7 @@ export default function App() {
                       initial={{ opacity: 0, y: 10, scale: 0.95 }}
                       animate={{ opacity: 1, y: 0, scale: 1 }}
                       exit={{ opacity: 0, y: 10, scale: 0.95 }}
-                      className="fixed inset-x-4 top-1/4 sm:absolute sm:inset-auto sm:top-full sm:right-4 sm:mt-2 sm:w-72 bg-white rounded-xl shadow-2xl border border-gray-100 z-50 p-4 text-gray-800"
+                      className="fixed inset-x-4 top-1/4 max-h-[60vh] overflow-auto sm:absolute sm:inset-auto sm:right-4 sm:bottom-full sm:mb-2 sm:w-72 sm:max-h-[70vh] bg-white rounded-xl shadow-2xl border border-gray-100 z-50 p-4 text-gray-800"
                     >
                       <div className="flex items-center justify-between mb-4">
                         <h3 className="text-sm font-bold text-gray-900">区域筛选</h3>
@@ -2273,7 +2273,7 @@ export default function App() {
                       initial={{ opacity: 0, y: 10, scale: 0.95 }}
                       animate={{ opacity: 1, y: 0, scale: 1 }}
                       exit={{ opacity: 0, y: 10, scale: 0.95 }}
-                      className="fixed inset-x-4 top-1/4 sm:absolute sm:inset-auto sm:top-full sm:right-4 sm:mt-2 sm:w-72 bg-white rounded-xl shadow-2xl border border-gray-100 z-50 p-4 text-gray-800"
+                      className="fixed inset-x-4 top-1/4 max-h-[60vh] overflow-auto sm:absolute sm:inset-auto sm:right-4 sm:bottom-full sm:mb-2 sm:w-72 sm:max-h-[70vh] bg-white rounded-xl shadow-2xl border border-gray-100 z-50 p-4 text-gray-800"
                     >
                       <div className="flex items-center justify-between mb-4">
                         <h3 className="text-sm font-bold text-gray-900">数据筛选</h3>