From 81088905c9432b568ca43d91a56f081b6830fa0c Mon Sep 17 00:00:00 2001
From: ClovertaTheTrilobita <cloverta@petalmail.com>
Date: Sat, 29 Nov 2025 18:03:16 +0000
Subject: [PATCH] =?UTF-8?q?fix(preview):=E4=BF=AE=E5=A4=8D=E6=8C=89?=
 =?UTF-8?q?=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/preview.html      | 7 ++++++-
 frontend/train_result.html | 3 +--
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/frontend/preview.html b/frontend/preview.html
index c504e69..f012eea 100644
--- a/frontend/preview.html
+++ b/frontend/preview.html
@@ -129,7 +129,7 @@
       <div id="gallery"></div>
 
       <!-- 下载按钮：保留 onclick，不动逻辑，只加样式 -->
-      <div class="mt-4 d-flex download-wrap">
+      <div class="mt-4 download-wrap" id="dl-btn">
         <button class="btn btn-primary d-inline-flex align-items-center download-btn"
                 onclick="downloadTif()">
           <i class="bi bi-download me-2"></i> 下载 TIF
@@ -155,10 +155,12 @@
     const ID = params.get("id");
 
     const msg = document.getElementById("none-exist");
+    const btn = document.getElementById("dl-btn");
 
     if (!ID) {
         msg.textContent = "missing id in URL";
         msg.hidden = false;
+        btn.classList.add("d-none");
     } else {
         try {
             const res = await axios.get(API_STATUS + "?id=" + encodeURIComponent(ID));
@@ -168,13 +170,16 @@
             if (!exists) {
                 msg.textContent = `id "${ID}" 不存在`;
                 msg.hidden = false;
+                btn.classList.add("d-none");
             }
             else if (status == "running"){
                 msg.textContent = `id "${ID}" 仍在运行中，请耐心等待片刻后刷新。`;
                 msg.hidden = false;
+                btn.classList.add("d-none");
             }
             else {
                 msg.hidden = true;
+                btn.classList.add("d-flex");
                 axios.get(API_PIC + "?id=" + encodeURIComponent(ID)).then(res => {
                     if (res.data.ok) {
                         const gallery = document.getElementById("gallery");
diff --git a/frontend/train_result.html b/frontend/train_result.html
index 58a3752..e713caf 100644
--- a/frontend/train_result.html
+++ b/frontend/train_result.html
@@ -102,8 +102,7 @@
 
             <!-- 底部小提示 -->
             <div class="mt-3 text-secondary small">
-                提示：如果你使用 Chart.js，建议设置 <code>responsive: true</code> 与 <code>maintainAspectRatio: false</code>，
-                本页样式已自动保证画布自适应容器尺寸。
+                训练loss曲线
             </div>
         </div>
     </div>