diff --git a/wwwroot/css/chat.css b/wwwroot/css/chat.css index 64e8344..238d229 100644 --- a/wwwroot/css/chat.css +++ b/wwwroot/css/chat.css @@ -869,8 +869,11 @@ } .sp-loading { - text-align: center; - padding: var(--page-padding); + display: flex; + flex-direction: column; + align-items: center; + gap: var(--badge-spacing); + padding: var(--box-padding); } .sp-loading code { diff --git a/wwwroot/css/form.css b/wwwroot/css/form.css index 244de6c..453e123 100644 --- a/wwwroot/css/form.css +++ b/wwwroot/css/form.css @@ -888,7 +888,7 @@ a.admin-user-meta { .event-scanner-log { white-space: pre-line } .remote-hint { font-size: var(--font-size); opacity: var(--semi-transparent); margin-bottom: var(--box-spacing) } -.remote-card-content { font-size: var(--font-size); display: flex; align-items: center; gap: var(--box-spacing) } +.remote-card-content { font-size: var(--font-size); display: flex; align-items: center; gap: var(--box-spacing); padding: var(--box-padding) } .remote-card-info { flex: 1; opacity: var(--semi-transparent) } .none-card-image { display: flex; align-items: center; justify-content: center } .none-card-icon { font-size: 2em; opacity: var(--semi-transparent) } diff --git a/wwwroot/js/modals.js b/wwwroot/js/modals.js index 52afa1e..49c4e75 100644 --- a/wwwroot/js/modals.js +++ b/wwwroot/js/modals.js @@ -322,21 +322,16 @@ async function showRemoteModal(sessionId) { const connections = await apiGetRemoteConnections(); body.innerHTML = ''; + var empty = document.createElement('div'); + empty.className = 'sp-loading'; + empty.innerHTML = '
irm ' + esc(location.origin) + '/remote | iex';
+ body.appendChild(empty);
+
if (!connections || connections.length === 0) {
- var empty = document.createElement('div');
- empty.className = 'sp-loading';
- empty.innerHTML = 'Keine Remote-Verbindungen aktiv.irm ' + esc(location.origin) + '/remote | iex';
- body.appendChild(empty);
return;
}
- var hint = document.createElement('div');
- hint.className = 'remote-hint';
- hint.textContent = 'Verbindung auswählen um Remote-Befehle in dieser Session zu ermöglichen:';
- body.appendChild(hint);
-
for (var i = 0; i < connections.length; i++) {
var conn = connections[i];
var card = document.createElement('div');