🎨 轉移提交回饋按鈕位置,刪除版面多餘的敘述

This commit is contained in:
Minidoracat 2025-06-14 18:18:10 +08:00
parent 17eb95f9e5
commit a1f02e2b9d
5 changed files with 29 additions and 55 deletions

View File

@ -78,27 +78,23 @@
},
"command": {
"title": "⚡ Command Execution",
"description": "Execute commands here to verify results or collect more information. Commands will be executed in the project directory.",
"inputLabel": "Command Input",
"placeholder": "Enter command to execute...",
"execute": "▶️ Execute",
"runButton": "▶️ Execute",
"clear": "Clear",
"output": "Command Output",
"outputLabel": "Command Output",
"running": "Running...",
"completed": "Completed",
"error": "Execution Error",
"history": "Command History"
},
"combined": {
"description": "AI summary and feedback input are on the same page for easy comparison.",
"summaryTitle": "📋 AI Work Summary",
"feedbackTitle": "💬 Provide Feedback"
},
"settings": {
"title": "⚙️ Settings",
"description": "Adjust interface settings and preference options.",
"language": "Language",
"currentLanguage": "Current Language",
"languageDesc": "Select interface display language",
@ -376,7 +372,6 @@
},
"about": {
"title": " About",
"description": "A powerful MCP server that provides human-in-the-loop interactive feedback functionality for AI-assisted development tools. Supports Web UI interface, with rich features including image upload, command execution, multi-language support, and more.",
"appInfo": "Application Information",
"version": "Version",
"projectLinks": "Project Links",

View File

@ -78,27 +78,23 @@
},
"command": {
"title": "⚡ 命令执行",
"description": "在此执行命令来验证结果或收集更多信息。命令将在项目目录中执行。",
"inputLabel": "命令输入",
"placeholder": "输入要执行的命令...",
"execute": "▶️ 执行",
"runButton": "▶️ 执行",
"clear": "清除",
"output": "命令输出",
"outputLabel": "命令输出",
"running": "执行中...",
"completed": "执行完成",
"error": "执行错误",
"history": "命令历史"
},
"combined": {
"description": "AI 摘要和反馈输入在同一页面中,方便对照查看。",
"summaryTitle": "📋 AI 工作摘要",
"feedbackTitle": "💬 提供反馈"
},
"settings": {
"title": "⚙️ 设定",
"description": "调整界面设定和偏好选项。",
"language": "语言",
"currentLanguage": "当前语言",
"languageDesc": "选择界面显示语言",
@ -376,7 +372,6 @@
},
"about": {
"title": " 关于",
"description": "一个强大的 MCP 服务器,为 AI 辅助开发工具提供人在回路的交互反馈功能。支持 Web UI 界面,并具备图片上传、命令执行、多语言等丰富功能。",
"appInfo": "应用程序信息",
"version": "版本",
"projectLinks": "项目链接",

View File

@ -83,27 +83,23 @@
},
"command": {
"title": "⚡ 命令執行",
"description": "在此執行命令來驗證結果或收集更多資訊。命令將在專案目錄中執行。",
"inputLabel": "命令輸入",
"placeholder": "輸入要執行的命令...",
"execute": "▶️ 執行",
"runButton": "▶️ 執行",
"clear": "清除",
"output": "命令輸出",
"outputLabel": "命令輸出",
"running": "執行中...",
"completed": "執行完成",
"error": "執行錯誤",
"history": "命令歷史"
},
"combined": {
"description": "AI 摘要和回饋輸入在同一頁面中,方便對照查看。",
"summaryTitle": "📋 AI 工作摘要",
"feedbackTitle": "💬 提供回饋"
},
"settings": {
"title": "⚙️ 設定",
"description": "調整介面設定和偏好選項。",
"language": "語言",
"currentLanguage": "當前語言",
"languageDesc": "選擇界面顯示語言",
@ -381,7 +377,6 @@
},
"about": {
"title": " 關於",
"description": "一個強大的 MCP 伺服器,為 AI 輔助開發工具提供人在回路的互動回饋功能。支援 Web UI 介面,並具備圖片上傳、命令執行、多語言等豐富功能。",
"appInfo": "應用程式資訊",
"version": "版本",
"projectLinks": "專案連結",

View File

@ -1333,22 +1333,7 @@ h3.combined-section-title {
margin: 0;
}
/* Combined 標籤頁頂部佈局 */
.combined-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 16px;
padding: 8px 12px;
gap: 16px;
}
.combined-header .section-description {
flex: 1;
font-size: 13px;
margin: 0;
padding: 0;
}
/* Combined 標籤頁提交按鈕樣式 */
.combined-submit-btn {
@ -1358,15 +1343,36 @@ h3.combined-section-title {
white-space: nowrap;
}
/* 回饋標題容器樣式 */
.feedback-title-container {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 12px;
gap: 16px;
}
.feedback-title-container h3.combined-section-title {
margin: 0;
flex: 1;
}
.feedback-title-container .combined-submit-btn {
flex-shrink: 0;
padding: 8px 16px;
font-size: 13px;
white-space: nowrap;
}
/* 響應式設計 - 小螢幕時垂直排列 */
@media (max-width: 768px) {
.combined-header {
.feedback-title-container {
flex-direction: column;
align-items: flex-start;
gap: 12px;
}
.combined-submit-btn {
.feedback-title-container .combined-submit-btn {
align-self: flex-end;
width: auto;
}

View File

@ -642,13 +642,8 @@
<!-- 命令分頁 -->
<div id="tab-command" class="tab-content">
<div class="section-description" data-i18n="command.description">
在此執行命令來驗證結果或收集更多資訊。命令將在專案目錄中執行。
</div>
<!-- 命令輸出區域 - 放在上面 -->
<div class="input-group">
<label class="input-label" data-i18n="command.outputLabel">命令輸出</label>
<div id="commandOutput" class="command-output"></div>
</div>
@ -676,15 +671,6 @@
<!-- 工作區分頁 - 移動到此位置 -->
<div id="tab-combined" class="tab-content">
<div class="combined-header">
<div class="section-description" data-i18n="combined.description">
AI 摘要和回饋輸入在同一頁面中,方便對照查看。
</div>
<button id="submitBtn" class="btn btn-success combined-submit-btn" data-i18n="buttons.submit">
✅ 提交回饋
</button>
</div>
<div class="combined-content">
<!-- AI 摘要區域 -->
<div class="combined-section">
@ -698,7 +684,12 @@
<!-- 回饋輸入區域 -->
<div class="combined-section">
<h3 class="combined-section-title" data-i18n="combined.feedbackTitle">💬 提供回饋</h3>
<div class="feedback-title-container">
<h3 class="combined-section-title" data-i18n="combined.feedbackTitle">💬 提供回饋</h3>
<button id="submitBtn" class="btn btn-success combined-submit-btn" data-i18n="buttons.submit">
✅ 提交回饋
</button>
</div>
<!-- 等待回饋狀態指示器 -->
{% set id = "combinedFeedbackStatusIndicator" %}
@ -746,10 +737,6 @@
<!-- 設定分頁 -->
<div id="tab-settings" class="tab-content">
<div class="section-description" data-i18n="settings.description">
調整介面設定和偏好選項。
</div>
<!-- 介面設定卡片 -->
<div class="settings-card">
<div class="settings-card-header">
@ -1035,10 +1022,6 @@
<!-- 關於分頁 -->
<div id="tab-about" class="tab-content">
<div class="section-description" data-i18n="about.description">
關於 MCP Feedback Enhanced - 應用程式資訊、專案連結和致謝。
</div>
<!-- 主要資訊卡片 -->
<div class="settings-card">
<div class="settings-card-header">