From c9142c3f8af571fe94079baa87c2b1f7b70f576c Mon Sep 17 00:00:00 2001
From: hubian <908234780@qq.com>
Date: Wed, 22 Apr 2026 18:46:07 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E8=AF=A6=E6=83=85=E5=BC=B9=E6=A1=86?=
 =?UTF-8?q?=E5=B0=BA=E5=AF=B8=E4=BC=98=E5=8C=96=20-=20=E6=9B=B4=E5=AE=BD?=
 =?UTF-8?q?=E3=80=81=E5=8D=A0=E6=BB=A1=E5=B1=8F=E5=B9=95=E3=80=81=E6=94=AF?=
 =?UTF-8?q?=E6=8C=81=E6=8B=96=E6=8B=BD=E7=BC=A9=E6=94=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 xian_favor/api.py | 24 +++++++++++++++++-------
 1 file changed, 17 insertions(+), 7 deletions(-)

diff --git a/xian_favor/api.py b/xian_favor/api.py
index 003bf95..fc4f7e4 100644
--- a/xian_favor/api.py
+++ b/xian_favor/api.py
@@ -1228,11 +1228,24 @@ INDEX_TEMPLATE = '''
         }
         /* 详情弹框样式 */
         .detail-modal-body {
-            max-height: 60vh;
+            max-height: calc(100vh - 150px);
             overflow-y: auto;
-            padding-bottom: 20px;
+            padding: 15px;
+            padding-top: 50px; /* 给导航按钮留空间 */
             position: relative;
         }
+        #detailModal .modal-dialog {
+            max-width: 800px;
+            min-width: 400px;
+            width: 80%;
+            margin: 10px auto;
+            resize: both;
+            overflow: auto;
+        }
+        #detailModal .modal-content {
+            height: calc(100vh - 20px);
+            max-height: calc(100vh - 20px);
+        }
         .detail-nav-buttons {
             position: absolute;
             right: 15px;
@@ -1254,10 +1267,7 @@ INDEX_TEMPLATE = '''
             background: #fff;
             border-top: 1px solid #dee2e6;
             z-index: 10;
-        }
-        /* 解决底部按钮被遮挡的问题 */
-        .modal-dialog-scrollable .modal-body {
-            overflow-y: auto;
+            padding: 10px 15px;
         }
         .star-btn { font-size: 11px; }
         .status-pending { color: #ffc107; }
@@ -1560,7 +1570,7 @@ INDEX_TEMPLATE = '''
 
 <!-- 详情模态框 -->
 <div class="modal fade" id="detailModal" tabindex="-1">
-    <div class="modal-dialog modal-lg modal-dialog-scrollable">
+    <div class="modal-dialog modal-lg">
         <div class="modal-content">
             <div class="modal-header">
                 <h5 class="modal-title"><span id="detailTypeIcon"></span> <span id="detailTitle"></span></h5>