Skip to content

Commit 0e78d0a

Browse files
BrunoQuaresmaBrunoQuaresma
authored
fix(site): Remove extra spacing between ssh button (coder#7380)
1 parent 6dfce5a commit 0e78d0a

File tree

1 file changed

+54
-55
lines changed

1 file changed

+54
-55
lines changed

‎site/src/components/SSHButton/SSHButton.tsx

Lines changed: 54 additions & 55 deletions
Original file line numberDiff line numberDiff line change
@@ -42,64 +42,63 @@ export const SSHButton: React.FC<React.PropsWithChildren<SSHButtonProps>> = ({
4242
>
4343
SSH
4444
</SecondaryAgentButton>
45-
<div>
46-
<Popover
47-
classes={{ paper: styles.popoverPaper }}
48-
id={id}
49-
open={isOpen}
50-
anchorEl={anchorRef.current}
51-
onClose={onClose}
52-
anchorOrigin={{
53-
vertical: "bottom",
54-
horizontal: "left",
55-
}}
56-
transformOrigin={{
57-
vertical: "top",
58-
horizontal: "left",
59-
}}
60-
>
61-
<HelpTooltipText>
62-
Run the following commands to connect with SSH:
63-
</HelpTooltipText>
6445

65-
<Stack spacing={0.5} className={styles.codeExamples}>
66-
<div>
67-
<HelpTooltipText>
68-
<strong className={styles.codeExampleLabel}>
69-
Configure SSH hosts on machine:
70-
</strong>
71-
</HelpTooltipText>
72-
<CodeExample code="coder config-ssh" />
73-
</div>
46+
<Popover
47+
classes={{ paper: styles.popoverPaper }}
48+
id={id}
49+
open={isOpen}
50+
anchorEl={anchorRef.current}
51+
onClose={onClose}
52+
anchorOrigin={{
53+
vertical: "bottom",
54+
horizontal: "left",
55+
}}
56+
transformOrigin={{
57+
vertical: "top",
58+
horizontal: "left",
59+
}}
60+
>
61+
<HelpTooltipText>
62+
Run the following commands to connect with SSH:
63+
</HelpTooltipText>
64+
65+
<Stack spacing={0.5} className={styles.codeExamples}>
66+
<div>
67+
<HelpTooltipText>
68+
<strong className={styles.codeExampleLabel}>
69+
Configure SSH hosts on machine:
70+
</strong>
71+
</HelpTooltipText>
72+
<CodeExample code="coder config-ssh" />
73+
</div>
7474

75-
<div>
76-
<HelpTooltipText>
77-
<strong className={styles.codeExampleLabel}>
78-
Connect to the agent:
79-
</strong>
80-
</HelpTooltipText>
81-
<CodeExample
82-
code={`ssh ${sshPrefix}${workspaceName}.${agentName}`}
83-
/>
84-
</div>
85-
</Stack>
75+
<div>
76+
<HelpTooltipText>
77+
<strong className={styles.codeExampleLabel}>
78+
Connect to the agent:
79+
</strong>
80+
</HelpTooltipText>
81+
<CodeExample
82+
code={`ssh ${sshPrefix}${workspaceName}.${agentName}`}
83+
/>
84+
</div>
85+
</Stack>
8686

87-
<HelpTooltipLinksGroup>
88-
<HelpTooltipLink href="https://coder.com/docs/coder-oss/latest/install">
89-
Install Coder CLI
90-
</HelpTooltipLink>
91-
<HelpTooltipLink href="https://coder.com/docs/coder-oss/latest/ides#vs-code-remote">
92-
Connect via VS Code Remote SSH
93-
</HelpTooltipLink>
94-
<HelpTooltipLink href="https://coder.com/docs/coder-oss/latest/ides#jetbrains-gateway">
95-
Connect via JetBrains Gateway
96-
</HelpTooltipLink>
97-
<HelpTooltipLink href="https://coder.com/docs/coder-oss/latest/ides#ssh-configuration">
98-
SSH configuration
99-
</HelpTooltipLink>
100-
</HelpTooltipLinksGroup>
101-
</Popover>
102-
</div>
87+
<HelpTooltipLinksGroup>
88+
<HelpTooltipLink href="https://coder.com/docs/coder-oss/latest/install">
89+
Install Coder CLI
90+
</HelpTooltipLink>
91+
<HelpTooltipLink href="https://coder.com/docs/coder-oss/latest/ides#vs-code-remote">
92+
Connect via VS Code Remote SSH
93+
</HelpTooltipLink>
94+
<HelpTooltipLink href="https://coder.com/docs/coder-oss/latest/ides#jetbrains-gateway">
95+
Connect via JetBrains Gateway
96+
</HelpTooltipLink>
97+
<HelpTooltipLink href="https://coder.com/docs/coder-oss/latest/ides#ssh-configuration">
98+
SSH configuration
99+
</HelpTooltipLink>
100+
</HelpTooltipLinksGroup>
101+
</Popover>
103102
</>
104103
)
105104
}

0 commit comments

Comments
 (0)