UI: Remote-Modal und sp-loading Styling verbessern

- sp-loading: Flexbox-Layout statt text-align center
- Remote-Modal: Powershell-Befehl immer sichtbar (nicht nur bei leerer Liste)
- remote-card-content: Padding ergänzt
This commit is contained in:
Meleki committed 2026-03-15 11:08:51 +01:00
1 parent 24c0c79a64
commit 0e55e45497
3 files changed
+12 -14

No files matched your search

+5 -2
View File
@@ -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 {
+1 -1
View File
@@ -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) }
+6 -11
View File
@@ -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 = '<div>Powershell-Befehl unter Windows ausführen</div>' +
'<code>irm ' + esc(location.origin) + '/remote | iex</code>';
body.appendChild(empty);
if (!connections || connections.length === 0) {
var empty = document.createElement('div');
empty.className = 'sp-loading';
empty.innerHTML = 'Keine Remote-Verbindungen aktiv.<br><br>' +
'<span>Auf dem Windows-PC ausführen:<br>' +
'<code>irm ' + esc(location.origin) + '/remote | iex</code></span>';
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');