From 3a6661c8df177a1b41dc1c66ec056fef96da8b27 Mon Sep 17 00:00:00 2001
From: XianYuDaXian <xian_yu@live.com>
Date: Sat, 14 Mar 2026 08:16:28 +0800
Subject: [PATCH] =?UTF-8?q?fix(imagine):=20=E6=8F=90=E7=A4=BA=E8=AF=8D?=
 =?UTF-8?q?=E4=BF=9D=E7=95=99=E5=9C=A8=E9=A1=B5=E9=9D=A2=EF=BC=8C=E4=BB=85?=
 =?UTF-8?q?=E5=B0=86=E5=85=B6=E4=BB=96=E8=AE=BE=E7=BD=AE=E7=A7=BB=E5=85=A5?=
 =?UTF-8?q?=E5=BA=95=E9=83=A8=E8=A1=A8=E5=8D=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/static/public/css/imagine.css | 24 ++++++++++++++++++++++++
 app/static/public/js/imagine.js   | 12 ++++++++++++
 2 files changed, 36 insertions(+)

diff --git a/app/static/public/css/imagine.css b/app/static/public/css/imagine.css
index afff2fe..13bd723 100644
--- a/app/static/public/css/imagine.css
+++ b/app/static/public/css/imagine.css
@@ -1454,3 +1454,27 @@ html[data-theme='dark'] .im-settings-sheet {
   background: #111821;
   color: #e2e8f0;
 }
+
+/* Bottom Sheet 内设置项：单列布局 */
+.im-settings-sheet .settings-grid {
+  grid-template-columns: 1fr !important;
+  grid-template-rows: auto !important;
+}
+.im-settings-sheet .settings-block {
+  grid-column: 1 !important;
+  grid-row: auto !important;
+}
+.im-settings-sheet .settings-row {
+  grid-template-columns: 1fr 1fr;
+}
+
+/* 移动端 settings-card 只剩提示词时的布局调整 */
+@media (max-width: 900px) {
+  .settings-card .card-content {
+    margin-bottom: 0;
+  }
+  .settings-card .settings-block-prompt {
+    grid-column: 1 !important;
+    grid-row: auto !important;
+  }
+}
diff --git a/app/static/public/js/imagine.js b/app/static/public/js/imagine.js
index b9784d3..81a5b9d 100644
--- a/app/static/public/js/imagine.js
+++ b/app/static/public/js/imagine.js
@@ -2379,8 +2379,20 @@
       titleEl.textContent = '生成设置';
       settingsSheet.appendChild(titleEl);
 
+      // 移动整个 card-content 到 Bottom Sheet
       const cardContent = settingsCard.querySelector('.card-content');
       if (cardContent) settingsSheet.appendChild(cardContent);
+
+      // 把提示词区域（.settings-block-prompt）取出，放回页面 settings-card
+      // 这样提示词始终可见，Bottom Sheet 只含其他设置项
+      const promptBlock = settingsSheet.querySelector('.settings-block-prompt');
+      if (promptBlock) {
+        const promptWrap = document.createElement('div');
+        promptWrap.className = 'card-content';
+        promptWrap.appendChild(promptBlock);
+        settingsCard.appendChild(promptWrap);
+      }
+
       document.body.appendChild(settingsSheet);
     }