Skip to content

Commit ab42f80

Browse files
committed
fix: skills CLI tab $ and copy button layout
1 parent 95bc739 commit ab42f80

1 file changed

Lines changed: 7 additions & 9 deletions

File tree

app/components/PackageSkillsModal.vue

Lines changed: 7 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -166,17 +166,15 @@ function handleKeydown(event: KeyboardEvent) {
166166
<span class="w-2.5 h-2.5 rounded-full bg-fg-subtle" />
167167
</div>
168168
<div class="px-3 pt-2 pb-3 sm:px-4 sm:pt-3 sm:pb-4 overflow-x-auto">
169-
<div class="flex flex-wrap items-start gap-x-2 gap-y-1 group/cmd">
170-
<span class="text-fg-subtle font-mono text-sm select-none">$</span>
171-
<code class="font-mono text-sm break-all"
172-
><span class="text-fg">npx </span
173-
><span class="text-fg-muted"
174-
>skills add {{ baseUrl }}/{{ packageName }}</span
175-
></code
176-
>
169+
<div class="relative group/cmd">
170+
<code class="font-mono text-sm whitespace-nowrap">
171+
<span class="text-fg-subtle select-none">$ </span>
172+
<span class="text-fg">npx </span>
173+
<span class="text-fg-muted">skills add {{ baseUrl }}/{{ packageName }}</span>
174+
</code>
177175
<button
178176
type="button"
179-
class="px-2 py-0.5 font-mono text-xs text-fg-muted bg-bg-subtle/80 border border-border rounded transition-colors duration-200 opacity-0 group-hover/cmd:opacity-100 hover:(text-fg border-border-hover) active:scale-95 focus-visible:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-fg/50"
177+
class="absolute top-0 right-0 px-2 py-0.5 font-mono text-xs text-fg-muted bg-bg-subtle/80 border border-border rounded transition-colors duration-200 opacity-0 group-hover/cmd:opacity-100 hover:(text-fg border-border-hover) active:scale-95 focus-visible:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-fg/50"
180178
:aria-label="$t('package.get_started.copy_command')"
181179
@click.stop="copyCommand"
182180
>

0 commit comments

Comments
 (0)