左下角样式修改
This commit is contained in:
1 parent
c113089e2d
commit
a429ebbe6b
2 files changed
+30
-4
No files matched your search
+15
-2
@@ -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;
|
||||
|
||||
Reference in new issue
Block a user