mirrors/it-tools
1
0
Fork 0
mirror of https://github.com/CorentinTh/it-tools.git synced 2025-04-20 14:56:17 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Merge 8f6a8e100e into 07eea0f484

Browse source
This commit is contained in:
sharevb 2025-04-13 04:08:30 +02:00 • committed by GitHub
commit 36e7ac7da6
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 8 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/modules/command-palette/command-palette.store.ts
View file

@ -11,6 +11,8 @@ import BugIcon from '~icons/mdi/bug-outline';
import DiceIcon from '~icons/mdi/dice-5'; import DiceIcon from '~icons/mdi/dice-5';
import InfoIcon from '~icons/mdi/information-outline'; import InfoIcon from '~icons/mdi/information-outline';
const maxSearchResultsPerCategory = import.meta.env.VITE_MAX_SEARCH_RESULT || 25;
export const useCommandPaletteStore = defineStore('command-palette', () => { export const useCommandPaletteStore = defineStore('command-palette', () => {
const toolStore = useToolStore(); const toolStore = useToolStore();
const styleStore = useStyleStore(); const styleStore = useStyleStore();
@ -82,7 +84,7 @@ export const useCommandPaletteStore = defineStore('command-palette', () => {
}); });
const filteredSearchResult = computed(() => const filteredSearchResult = computed(() =>
_.chain(searchResult.value).groupBy('category').mapValues(categoryOptions => _.take(categoryOptions, 5)).value()); _.chain(searchResult.value).groupBy('category').mapValues(categoryOptions => _.take(categoryOptions, maxSearchResultsPerCategory)).value());
return { return {
filteredSearchResult, filteredSearchResult,

6
src/modules/command-palette/command-palette.vue
View file

@ -124,7 +124,7 @@ function activateOption(option: PaletteOption) {
</span> </span>
</c-button> </c-button>
<c-modal v-model:open="isModalOpen" class="palette-modal" shadow-xl important:max-w-650px important:pa-12px @keydown="handleKeydown"> <c-modal v-model:open="isModalOpen" class="palette-modal" overflow-y-auto shadow-xl important:max-w-650px pretty-scrollbar important:pa-12px @keydown="handleKeydown">
<c-input-text ref="inputRef" v-model:value="searchPrompt" raw-text placeholder="Type to search a tool or a command..." autofocus clearable /> <c-input-text ref="inputRef" v-model:value="searchPrompt" raw-text placeholder="Type to search a tool or a command..." autofocus clearable />
<div v-for="(options, category) in filteredSearchResult" :key="category"> <div v-for="(options, category) in filteredSearchResult" :key="category">
@ -147,6 +147,10 @@ function activateOption(option: PaletteOption) {
} }
} }
::v-deep(.palette-modal) {
max-height: 80vh;
}
.c-modal--overlay { .c-modal--overlay {
align-items: flex-start !important; align-items: flex-start !important;
padding-top: 80px; padding-top: 80px;