mirror of
https://github.com/CorentinTh/it-tools.git
synced 2025-04-22 15:56:15 -04:00
refactor(search): command palette design (#463)
This commit is contained in:
parent
732da08157
commit
bcb98b359c
18 changed files with 576 additions and 386 deletions
|
@ -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;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue