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); }