fix(ui): add keybind label padding (#42726)

This commit is contained in:
Luke Parker 2026-08-15 17:54:31 +10:00 committed by GitHub
parent 4d021b4660
commit d35c6f04ed
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 5 additions and 1 deletions

View file

@ -27,6 +27,7 @@
justify-content: center;
align-items: center;
padding: 0;
padding-inline: 4px;
gap: 4px;
min-width: 14px;
height: 14px;
@ -48,7 +49,6 @@
flex-direction: row;
justify-content: center;
align-items: center;
min-width: 14px;
height: 11px;
padding: 0;
flex: none;

View file

@ -58,6 +58,8 @@ export const MultipleKeys = {
<div style={{ display: "flex", gap: "24px", "align-items": "center" }}>
<KeybindV2 keys={["⌘", "K"]} variant="neutral" />
<KeybindV2 keys={["⌘", "K"]} variant="ghost" />
<KeybindV2 keys={["Ctrl", "B"]} variant="neutral" />
<KeybindV2 keys={["Ctrl", "B"]} variant="ghost" />
</div>
),
}
@ -70,12 +72,14 @@ export const AllExamples = {
<KeybindV2 keys={["⌘"]} variant="neutral" />
<KeybindV2 keys={["⌘", "K"]} variant="neutral" />
<KeybindV2 keys={["⌘", "⇧", "P"]} variant="neutral" />
<KeybindV2 keys={["Ctrl", "Shift", "B"]} variant="neutral" />
</div>
<div style={{ display: "flex", gap: "24px", "align-items": "center" }}>
<span style={{ "font-size": "11px", color: "#808080", width: "50px" }}>Ghost</span>
<KeybindV2 keys={["⌘"]} variant="ghost" />
<KeybindV2 keys={["⌘", "K"]} variant="ghost" />
<KeybindV2 keys={["⌘", "⇧", "P"]} variant="ghost" />
<KeybindV2 keys={["Ctrl", "Shift", "B"]} variant="ghost" />
</div>
</div>
),