diff --git a/dashboard/public/loading.html b/dashboard/public/loading.html index ebb0084..196f6ab 100644 --- a/dashboard/public/loading.html +++ b/dashboard/public/loading.html @@ -22,15 +22,19 @@ html,body{height:100%;background:var(--bg);color:var(--text);font-family:var(--m @keyframes fadein{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}} .logo-text{font-size:18px;font-weight:700;letter-spacing:0.2em;color:var(--accent)} - .container{display:flex;flex-direction:column;align-items:center;gap:32px} #bootLines{font-size:12px;color:var(--dim);text-align:left;line-height:2;min-width:340px} #bootLines .line{opacity:0;animation:fadein 0.3s ease forwards} #bootLines .ok{color:var(--accent)} -#status{font-size:12px;color:var(--accent);letter-spacing:0.15em;margin-top:4px;min-height:20px} -#status .blink{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent);animation:pulse-blink 1.5s ease-in-out infinite;vertical-align:middle;margin-right:8px} +#status{font-size:12px;color:var(--accent);letter-spacing:0.15em;margin-top:4px;min-height:20px;display:flex;align-items:center;gap:8px} +#status .blink{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent);animation:pulse-blink 1.5s ease-in-out infinite;flex-shrink:0} + +#countdown{margin-top:8px;font-size:11px;color:var(--dim);letter-spacing:0.1em;text-align:center;min-height:16px} +#countdown .eta{color:var(--text)} +#countdown .bar-wrap{width:340px;height:2px;background:rgba(100,240,200,0.08);margin-top:8px;overflow:hidden} +#countdown .bar-fill{height:100%;background:var(--accent);width:0%;transition:width 1s linear;box-shadow:0 0 6px var(--accent)}
@@ -41,10 +45,20 @@ html,body{height:100%;background:var(--bg);color:var(--text);font-family:var(--m -