refactor(search): command palette design (#463)

This commit is contained in:
Corentin THOMASSET 2023-06-19 00:21:36 +02:00 committed by Corentin Thomasset
parent 732da08157
commit bcb98b359c
No known key found for this signature in database
GPG key ID: DBD997E935996158
18 changed files with 576 additions and 386 deletions

View file

@ -3,7 +3,7 @@ import { NIcon, useThemeVars } from 'naive-ui';
import { RouterLink } from 'vue-router';
import { Heart, Home2, Menu2 } from '@vicons/tabler';
import SearchBar from '../components/SearchBar.vue';
import HeroGradient from '../assets/hero-gradient.svg?component';
import MenuLayout from '../components/MenuLayout.vue';
import NavbarButtons from '../components/NavbarButtons.vue';
@ -104,7 +104,7 @@ const tools = computed<ToolCategory[]>(() => [
Home
</n-tooltip>
<SearchBar />
<command-palette mx-2 />
<NavbarButtons v-if="!styleStore.isSmallScreen" />
@ -218,10 +218,6 @@ const tools = computed<ToolCategory[]>(() => [
justify-content: center;
flex-direction: row;
& > *:not(:last-child) {
margin-right: 5px;
}
.search-bar {
// width: 100%;
flex-grow: 1;