Yeomai/SpineViewer
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

左下角样式修改

Browse Source
This commit is contained in:
Yeomai committed 2026-09-18 22:20:20 +08:00
1 parent c113089e2d
commit a429ebbe6b
2 files changed
+30 -4
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

release/UNIVERSAL_SpineViewer/viewer/spine.css
+15 -2
View File
@@ -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;
viewer/spine.css
+15 -2
View File
@@ -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;