Webstar/LibrePortal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge claude/1

Browse Source
This commit is contained in:
librelad 2026-05-29 00:14:40 +01:00
commit 00736b57a7
2 changed files with 16 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
containers/libreportal/frontend/css/ssh.css
View File

@ -33,6 +33,18 @@
margin-top: 2px;
}
/* Login + Add-a-key are light on content, so sit them side by side (50/50) on
tablet/desktop; stack on mobile. Authorized keys stays full width below. */
.ssh-cols {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
align-items: start;
}
@media (max-width: 640px) {
.ssh-cols { grid-template-columns: 1fr; }
}
.ssh-key-list {
display: flex;
flex-direction: column;

6
containers/libreportal/frontend/js/components/ssh/ssh-page.js
View File

@ -116,8 +116,10 @@ class SshPage {
<p>Control who can SSH into this server (logging in as <code>${this.escape(d.user)}</code>). Grant access by adding a public key, and optionally require key-only login.</p>
</div>
</div>
${section('Login', pwOn ? 'Password login is on. Add a key, then you can switch to key-only.' : 'Password login is disabled — only the keys below can connect.', loginInner)}
${section('Add a key', 'Authorize a new machine to log in.', addInner)}
<div class="ssh-cols">
${section('Login', pwOn ? 'Password login is on. Add a key, then you can switch to key-only.' : 'Password login is disabled — only the keys below can connect.', loginInner)}
${section('Add a key', 'Authorize a new machine to log in.', addInner)}
</div>
${section('Authorized keys', 'Machines currently allowed to SSH in.', `<div class="ssh-key-list ssh-section-body">${keysHtml}</div>`)}
</div>
`;