From 370fcd6ba517f49019cd9befb78d2c07f3dc9425 Mon Sep 17 00:00:00 2001
From: 170-carry <z2964536830@gmail.com>
Date: Fri, 24 Apr 2026 17:20:41 +0800
Subject: [PATCH] fix release status and header layout

---
 static/app.css    | 40 ++++++++++++++++++++++------------------
 static/index.html |  2 +-
 2 files changed, 23 insertions(+), 19 deletions(-)

diff --git a/static/app.css b/static/app.css
index e37b39f..6fdf4a5 100644
--- a/static/app.css
+++ b/static/app.css
@@ -473,10 +473,10 @@ body.auth-page {
   flex-wrap: wrap;
   gap: 3px;
   width: fit-content;
-  padding: 2px;
-  border: 1px solid color-mix(in oklab, var(--line) 90%, var(--panel-strong));
-  border-radius: 8px;
-  background: color-mix(in oklab, var(--panel-muted) 94%, var(--panel-strong));
+  padding: 0;
+  border: 0;
+  border-radius: 0;
+  background: transparent;
 }
 
 .app-switch-link {
@@ -512,11 +512,11 @@ body.auth-page {
   gap: 6px;
   align-items: center;
   flex-wrap: wrap;
-  padding: 3px;
-  border: 1px solid color-mix(in oklab, var(--line) 90%, var(--panel-strong));
-  border-radius: 10px;
-  background: linear-gradient(180deg, color-mix(in oklab, var(--panel-muted) 94%, var(--panel-strong)) 0%, color-mix(in oklab, var(--panel-strong) 96%, var(--panel-muted)) 100%);
-  box-shadow: inset 0 1px 0 color-mix(in oklab, var(--panel-strong) 72%, transparent);
+  padding: 0;
+  border: 0;
+  border-radius: 0;
+  background: transparent;
+  box-shadow: none;
 }
 
 .nav-chip,
@@ -578,11 +578,11 @@ body.auth-page {
   justify-content: flex-end;
   flex-wrap: nowrap;
   gap: 6px;
-  padding: 3px;
-  border: 1px solid color-mix(in oklab, var(--line) 90%, var(--panel-strong));
-  border-radius: 10px;
-  background: linear-gradient(180deg, color-mix(in oklab, var(--panel-muted) 94%, var(--panel-strong)) 0%, color-mix(in oklab, var(--panel-strong) 96%, var(--panel-muted)) 100%);
-  box-shadow: inset 0 1px 0 color-mix(in oklab, var(--panel-strong) 72%, transparent);
+  padding: 0;
+  border: 0;
+  border-radius: 0;
+  background: transparent;
+  box-shadow: none;
 }
 
 .topbar-status .badge,
@@ -3383,12 +3383,12 @@ body.auth-page {
 
 .release-log-entry {
   display: grid;
-  grid-template-columns: minmax(112px, 132px) 72px minmax(0, 1fr);
-  gap: 10px;
+  grid-template-columns: minmax(132px, 156px) minmax(132px, 180px) minmax(0, 1fr);
+  gap: 12px;
   align-items: start;
   padding: 8px 10px;
   border: 1px solid var(--line);
-  border-radius: 10px;
+  border-radius: 8px;
   background: var(--panel-strong);
 }
 
@@ -3404,17 +3404,21 @@ body.auth-page {
 }
 
 .release-log-entry span {
+  overflow: hidden;
   color: var(--muted);
   font-size: 10px;
+  text-overflow: ellipsis;
   text-transform: uppercase;
   letter-spacing: 0.06em;
+  white-space: nowrap;
 }
 
 .release-log-entry small {
+  overflow-wrap: anywhere;
   color: var(--text);
   font-size: 11px;
   line-height: 1.45;
-  word-break: break-word;
+  word-break: normal;
 }
 
 .release-log-entry.tone-bad {
diff --git a/static/index.html b/static/index.html
index 7bc383a..3cc2d01 100644
--- a/static/index.html
+++ b/static/index.html
@@ -3162,7 +3162,7 @@
                 </div>
 
                 <p v-if="updateOps.error" class="metric-error">{{ explainError(updateOps.error) }}</p>
-                <p v-else-if="updateOps.message" :class="updateOps.running ? 'warn-text' : updateOps.result && updateOps.result.ok ? 'ok-text' : 'metric-error'">{{ updateOps.message }}</p>
+                <p v-else-if="updateOps.message && !releaseIsRunning()" :class="updateOps.result && updateOps.result.ok ? 'ok-text' : 'metric-error'">{{ updateOps.message }}</p>
             </section>
 
             <section id="release-targets" class="panel infra-panel">