gitbutlerapp/gitbutler
1
1
Fork 0
mirror of https://github.com/gitbutlerapp/gitbutler.git synced 2024-12-24 01:51:57 +03:00
Code Issues Packages Projects Releases Wiki Activity

pnpm format

Browse Source 
wrw
This commit is contained in:
idonahue 2023-04-27 16:29:22 +02:00
parent 7ea7d68af1
commit 15c05edf42
1 changed files with 43 additions and 43 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

86
src/lib/components/CommandPalette/CommandPalette.svelte
View File

@ -226,57 +226,57 @@
<!-- Command list -->
<ul class="command-pallete-content-container flex-auto overflow-y-auto">
{#each $commandGroups as group, groupIdx}
{#await group then group}
<li
class="my-2 w-full cursor-default select-none px-2 "
class:hidden={group.commands.length === 0}
>
<header class="command-palette-section-header result-section-header">
<span>{group.title}</span>
{#if group.description}
<span class="ml-2 font-light italic text-zinc-300/70">({group.description})</span>
{/if}
</header>
{#await group then group}
<li
class="w-full cursor-default select-none px-2 my-2 "
class:hidden={group.commands.length === 0}
>
<header class="command-palette-section-header result-section-header">
<span>{group.title}</span>
{#if group.description}
<span class="ml-2 font-light italic text-zinc-300/70">({group.description})</span>
{/if}
</header>
<ul class="quick-command-list flex flex-col text-zinc-300">
{#each group.commands as command, commandIdx}
<li
class="quick-command-item flex w-full cursor-default rounded-lg"
class:selected={$selection[0] === groupIdx && $selection[1] === commandIdx}
<ul class="quick-command-list flex flex-col text-zinc-300">
{#each group.commands as command, commandIdx}
<li
class="quick-command-item flex w-full cursor-default rounded-lg"
class:selected={$selection[0] === groupIdx && $selection[1] === commandIdx}
>
<button
on:focus={() => ($selection = [groupIdx, commandIdx])}
on:click={() => trigger(command.action)}
class="text-color-500 flex w-full items-center gap-2 rounded-lg p-2 px-2 outline-none"
>
<button
on:focus={() => ($selection = [groupIdx, commandIdx])}
on:click={() => trigger(command.action)}
class="text-color-500 flex w-full items-center gap-2 rounded-lg p-2 px-2 outline-none"
<svelte:component this={command.icon} class="icon h-5 w-5 text-zinc-500 " />
<span
class="quick-command flex flex-1 items-center gap-1 text-left font-medium"
>
<svelte:component this={command.icon} class="icon h-5 w-5 text-zinc-500 " />
<span
class="quick-command flex flex-1 items-center gap-1 text-left font-medium"
>
{command.title}
{#if Action.isExternalLink(command.action)}
<IconExternalLink class="h-4 w-4 text-zinc-600" />
{/if}
</span>
{#if command.hotkey}
{#each command.hotkey.replace('Meta', '⌘').split('+') as key}
<span class="quick-command-key">{key}</span>
{/each}
{command.title}
{#if Action.isExternalLink(command.action)}
<IconExternalLink class="h-4 w-4 text-zinc-600" />
{/if}
</button>
</li>
{/each}
</ul>
</li>
{/await}
</span>
{#if command.hotkey}
{#each command.hotkey.replace('Meta', '⌘').split('+') as key}
<span class="quick-command-key">{key}</span>
{/each}
{/if}
</button>
</li>
{/each}
</ul>
</li>
{/await}
{/each}
</ul>
{#await $visibleEntriesCount then resultsCount}
{#if resultsCount === 0}
<div class="flex flex-1 flex-col items-center justify-center">
<span class="px-4 py-2.5 w-full text-zinc-300 font-semibold leading-8">Nothing turned up. Try again?</span>
<span class="w-full px-4 py-2.5 font-semibold leading-8 text-zinc-300"
>Nothing turned up. Try again?</span
>
</div>
{/if}
{/await}
@ -289,7 +289,7 @@
/* @apply pt-2; */
}
.quick-command-item:hover {
@apply bg-zinc-50/5 rounded-sm;
@apply rounded-sm bg-zinc-50/5;
}
.selected,