mirror of
https://github.com/nocodb/nocodb.git
synced 2026-05-01 03:56:49 +00:00
31 lines
935 B
Vue
31 lines
935 B
Vue
<script lang="ts" setup>
|
|
const { baseHomeSearchQuery } = storeToRefs(useBases())
|
|
|
|
const { commandPalette } = useCommandPalette()
|
|
</script>
|
|
|
|
<template>
|
|
<div class="px-2 h-11 flex items-center">
|
|
<div @click="commandPalette?.open()" class="w-full">
|
|
<a-input
|
|
v-model:value="baseHomeSearchQuery"
|
|
type="text"
|
|
class="nc-input-border-on-value nc-input-shadow !h-8 !pl-2.5 !pr-2 !py-1 !rounded-lg"
|
|
placeholder="Quick search..."
|
|
allow-clear
|
|
@keydown.stop
|
|
readonly
|
|
>
|
|
<template #prefix>
|
|
<GeneralIcon icon="search" class="mr-1 h-4 w-4 text-gray-500 group-hover:text-black" />
|
|
</template>
|
|
<template #suffix>
|
|
<div class="px-1 text-bodySmBold text-nc-content-gray-subtle bg-nc-bg-gray-medium rounded">
|
|
{{ renderCmdOrCtrlKey(true) }} K
|
|
</div>
|
|
</template>
|
|
</a-input>
|
|
</div>
|
|
</div>
|
|
</template>
|