diff --git a/public/css/main.css b/public/css/main.css index 740d055..d42530d 100644 --- a/public/css/main.css +++ b/public/css/main.css @@ -776,6 +776,60 @@ h4 { gap: var(--space-sm); } +.laya-progress { + margin-top: var(--space-md); +} + +.laya-progress-track { + position: relative; + height: 8px; + overflow: hidden; + border-radius: 999px; + background: var(--color-bg-secondary); +} + +.laya-progress-bar { + display: block; + width: 0; + height: 100%; + border-radius: inherit; + background: var(--color-accent); + transition: width var(--transition-fast); +} + +.laya-progress-track.indeterminate .laya-progress-bar { + width: 35%; + animation: laya-progress-indeterminate 1.2s ease-in-out infinite; +} + +@keyframes laya-progress-indeterminate { + from { transform: translateX(-120%); } + to { transform: translateX(360%); } +} + +@media (prefers-reduced-motion: reduce) { + .laya-progress-track.indeterminate .laya-progress-bar { + animation: none; + width: 100%; + opacity: .45; + } +} + +.laya-details-toggle { + margin-top: var(--space-sm); + padding-left: 0; +} + +.laya-error-details { + margin-top: var(--space-xs); + padding: var(--space-sm); + border-radius: var(--radius-sm); + background: var(--color-bg-secondary); + color: var(--color-text-muted); + white-space: pre-wrap; + overflow-wrap: anywhere; +} + .laya-model-actions { justify-content: flex-start; margin: var(--space-md) 0; diff --git a/public/index.html b/public/index.html index 47dfdea..cba891e 100644 --- a/public/index.html +++ b/public/index.html @@ -10,7 +10,7 @@ nodecast-tv | IPTV Player - +
+ + +
+

The model runs on this server. Channel names and metadata are not sent to an AI service.

@@ -1171,6 +1180,7 @@ + @@ -1180,7 +1190,7 @@ - +