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:
1 parent
24c0c79a64
commit
0e55e45497
3 files changed
+10
-12
No files matched your search
@@ -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 {
|
||||
|
||||
@@ -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) }
|
||||
@@ -322,21 +322,16 @@ async function showRemoteModal(sessionId) {
|
||||
const connections = await apiGetRemoteConnections();
|
||||
body.innerHTML = '';
|
||||
|
||||
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>';
|
||||
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) {
|
||||
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');
|
||||
|
||||
Reference in new issue
Block a user