Skip to content

Commit 2c67363

Browse files
committed
fix: align cmd palette items vertically
1 parent e867eb1 commit 2c67363

File tree

1 file changed

+4
-4
lines changed

1 file changed

+4
-4
lines changed

app/components/CommandPalette.client.vue

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -364,13 +364,13 @@ useEventListener(document, 'keydown', handleGlobalKeydown)
364364
<component
365365
:is="getCommandComponent(command)"
366366
v-bind="getCommandAttrs(command)"
367-
class="block min-h-12 w-full rounded-lg border border-transparent px-3 py-2 text-start no-underline text-inherit transition-colors duration-150 hover:border-border/80 hover:bg-bg focus-visible:border-border/80 focus-visible:bg-bg focus-visible:outline-accent/70"
367+
class="flex items-center min-h-12 w-full rounded-lg border border-transparent px-3 py-2 text-start no-underline text-inherit transition-colors duration-150 hover:border-border/80 hover:bg-bg focus-visible:border-border/80 focus-visible:bg-bg focus-visible:outline-accent/70"
368368
data-command-item="true"
369369
:data-command-id="command.id"
370370
:aria-current="command.active ? 'true' : undefined"
371371
@click="handleCommandClick(command)"
372372
>
373-
<span class="flex items-center gap-3">
373+
<span class="flex items-center gap-3 w-full">
374374
<span
375375
class="inline-block h-4 w-4 shrink-0 text-fg-subtle"
376376
:class="command.iconClass"
@@ -419,13 +419,13 @@ useEventListener(document, 'keydown', handleGlobalKeydown)
419419
<component
420420
:is="getCommandComponent(command)"
421421
v-bind="getCommandAttrs(command)"
422-
class="block min-h-12 w-full rounded-xl border border-border/70 bg-bg-subtle/70 px-3 py-2 text-start no-underline text-inherit transition-colors duration-150 hover:border-border/80 hover:bg-bg focus-visible:border-border/80 focus-visible:bg-bg focus-visible:outline-accent/70"
422+
class="flex items-center min-h-12 w-full rounded-xl border border-border/70 bg-bg-subtle/70 px-3 py-2 text-start no-underline text-inherit transition-colors duration-150 hover:border-border/80 hover:bg-bg focus-visible:border-border/80 focus-visible:bg-bg focus-visible:outline-accent/70"
423423
data-command-item="true"
424424
:data-command-id="command.id"
425425
:aria-current="command.active ? 'true' : undefined"
426426
@click="handleCommandClick(command)"
427427
>
428-
<span class="flex items-center gap-3">
428+
<span class="flex items-center gap-3 w-full">
429429
<span
430430
class="inline-block h-4 w-4 shrink-0 text-fg-subtle"
431431
:class="command.iconClass"

0 commit comments

Comments
 (0)