This commit is contained in:
Benjamin Toby 2026-03-12 12:56:29 +00:00
parent ee62ac8f54
commit 5131e22c69
2 changed files with 33 additions and 8 deletions

View File

@ -7,6 +7,8 @@ import RemoteCodeBlock from "@/twui/components/elements/RemoteCodeBlock";
import SingleLineCodeBlock from "@/twui/components/elements/SingleLineCodeBlock";
import TurboCICodeBlock from "@/src/components/general/code-block";
import H3 from "@/twui/components/layout/H3";
import Button from "@/twui/components/layout/Button";
import LucideIcon from "@/twui/components/elements/lucide-icon";
export default function SSHConnection() {
const { pageProps } = useContext(AppContext);
@ -31,19 +33,38 @@ export default function SSHConnection() {
<Stack className="nested-grid-frame grid-cols-2">
<Stack className="grid-cell">
<Stack className="grid-cell-content">
<H3>Admin Port Forwarding</H3>
<Stack className="gap-1">
<H3>Admin Port Forwarding</H3>
<Span>
Use these information to connect this user to the
Relay server
</Span>
<Span>
Use these information to connect this user to
the Relay server
</Span>
</Stack>
<TurboCICodeBlock
content={`ssh -N -L ${deployment_user.username}@${deployment?.relay_server_ip}`}
content={`ssh -N -L -i /path/to/ssh/key ${deployment_user.username}@${deployment?.relay_server_ip}`}
mode="sh"
/>
</Stack>
</Stack>
<Stack className="grid-cell"></Stack>
<Stack className="grid-cell">
<Stack className="grid-cell-content">
<Stack className="gap-1">
<H3>Download Private Key</H3>
<Span>
Download the private SSH key for{" "}
<code>{deployment_user.username}</code>
</Span>
</Stack>
<Button
title="Download Private Key"
variant="outlined"
beforeIcon={<LucideIcon name="Download" />}
>
Download Private Key
</Button>
</Stack>
</Stack>
</Stack>
<hr />
</>

View File

@ -127,7 +127,7 @@ code {
#admin-main h3,
.admin-h3 {
@apply text-lg font-semibold;
@apply text-base font-semibold;
}
hr {
@ -137,3 +137,7 @@ hr {
.dotted-link {
@apply border-b border-dashed border-foreground-light/40 dark:border-foreground-dark/40;
}
.twui-button-primary-outlined * {
@apply font-semibold;
}