diff --git a/templates/index.html b/templates/index.html index ae5112f..be2164b 100644 --- a/templates/index.html +++ b/templates/index.html @@ -347,6 +347,42 @@ @keyframes spin { to { transform: rotate(360deg); } } .hidden { display: none; } + /* Лоадер обработки (после сканирования) */ + .scan-loader { + display: none; + position: fixed; + inset: 0; + z-index: 1000; + background: rgba(0, 0, 0, 0.7); + align-items: center; + justify-content: center; + } + .scan-loader.open { + display: flex; + } + .scan-loader-content { + text-align: center; + color: #fff; + } + .scan-loader-spinner { + width: 48px; + height: 48px; + border: 4px solid rgba(255,255,255,0.3); + border-top-color: #fff; + border-radius: 50%; + animation: spin 0.8s linear infinite; + margin: 0 auto 20px; + } + .scan-loader-text { + font-size: 20px; + font-weight: 600; + margin-bottom: 8px; + } + .scan-loader-sub { + font-size: 14px; + opacity: 0.8; + } + /* Заголовок результата */ .result-header { display: flex; @@ -438,6 +474,15 @@