From a429ebbe6b353aa4622a199539bec99ee14b4694 Mon Sep 17 00:00:00 2001 From: YeomaiPC Date: Fri, 18 Sep 2026 22:20:20 +0800 Subject: [PATCH] =?UTF-8?q?=E5=B7=A6=E4=B8=8B=E8=A7=92=E6=A0=B7=E5=BC=8F?= =?UTF-8?q?=E4=BF=AE=E6=94=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- release/UNIVERSAL_SpineViewer/viewer/spine.css | 17 +++++++++++++++-- viewer/spine.css | 17 +++++++++++++++-- 2 files changed, 30 insertions(+), 4 deletions(-) diff --git a/release/UNIVERSAL_SpineViewer/viewer/spine.css b/release/UNIVERSAL_SpineViewer/viewer/spine.css index 1f1852a..e3a57ce 100644 --- a/release/UNIVERSAL_SpineViewer/viewer/spine.css +++ b/release/UNIVERSAL_SpineViewer/viewer/spine.css @@ -173,8 +173,21 @@ #viewport { position: relative; width: 100%; min-width: 0; flex: 1; overflow: hidden; } canvas { position: absolute; inset: 0; width: 100%; height: 100%; display: block; } #status { - position: absolute; bottom: calc(22px + var(--timeline-height)); left: 12px; color: var(--text-dim); - font-size: 12px; pointer-events: none; text-shadow: 0 1px 2px rgba(0,0,0,.3); + position: absolute; bottom: calc(22px + var(--timeline-height)); left: 12px; + max-width: min(560px, calc(100% - 24px)); + padding: 6px 12px; + color: var(--text); font-size: 12px; font-weight: 500; line-height: 1.45; + background: var(--panel-glass); + border: 1px solid var(--border); border-radius: 8px; + box-shadow: 0 4px 14px rgba(0, 0, 0, .28); + backdrop-filter: blur(8px); + pointer-events: none; + } + #status:empty { display: none; } + #status::before { + content: ''; display: inline-block; vertical-align: middle; + width: 7px; height: 7px; margin-right: 8px; border-radius: 50%; + background: var(--accent); box-shadow: 0 0 6px var(--accent); } #timelineBar { position: absolute; left: 12px; right: 12px; bottom: 12px; z-index: 10; diff --git a/viewer/spine.css b/viewer/spine.css index 1f1852a..e3a57ce 100644 --- a/viewer/spine.css +++ b/viewer/spine.css @@ -173,8 +173,21 @@ #viewport { position: relative; width: 100%; min-width: 0; flex: 1; overflow: hidden; } canvas { position: absolute; inset: 0; width: 100%; height: 100%; display: block; } #status { - position: absolute; bottom: calc(22px + var(--timeline-height)); left: 12px; color: var(--text-dim); - font-size: 12px; pointer-events: none; text-shadow: 0 1px 2px rgba(0,0,0,.3); + position: absolute; bottom: calc(22px + var(--timeline-height)); left: 12px; + max-width: min(560px, calc(100% - 24px)); + padding: 6px 12px; + color: var(--text); font-size: 12px; font-weight: 500; line-height: 1.45; + background: var(--panel-glass); + border: 1px solid var(--border); border-radius: 8px; + box-shadow: 0 4px 14px rgba(0, 0, 0, .28); + backdrop-filter: blur(8px); + pointer-events: none; + } + #status:empty { display: none; } + #status::before { + content: ''; display: inline-block; vertical-align: middle; + width: 7px; height: 7px; margin-right: 8px; border-radius: 50%; + background: var(--accent); box-shadow: 0 0 6px var(--accent); } #timelineBar { position: absolute; left: 12px; right: 12px; bottom: 12px; z-index: 10;