mirror of https://github.com/nocodb/nocodb
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
66 lines
2.2 KiB
66 lines
2.2 KiB
10 months ago
|
<script setup lang="ts">
|
||
|
|
import type { CommandPaletteType } from '~/lib'
|
||
|
|
|
||
|
|
const props = defineProps<{
|
||
|
|
activeCmd: CommandPaletteType
|
||
|
|
setActiveCmdView: (cmd: CommandPaletteType) => void
|
||
|
|
}>()
|
||
|
|
|
||
|
|
const renderCmdOrCtrlKey = () => {
|
||
|
|
return isMac() ? '⌘' : 'Ctrl'
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<div class="cmdk-footer absolute inset-x-0 bottom-0 !bg-white">
|
||
|
|
<div class="flex justify-center w-full py-2">
|
||
|
|
<div
|
||
|
|
class="flex flex-grow-1 w-full text-sm items-center gap-2 justify-center cursor-pointer"
|
||
|
|
:class="activeCmd === 'cmd-j' ? 'text-brand-500' : ''"
|
||
|
|
@click.stop="activeCmd !== 'cmd-j' ? setActiveCmdView('cmd-j') : () => undefined"
|
||
|
|
>
|
||
|
|
<MdiFileOutline class="h-4 w-4" />
|
||
|
|
|
||
|
|
Document
|
||
|
|
|
||
|
|
<span
|
||
|
|
class="text-sm px-1 rounded-md border-1"
|
||
|
|
:class="activeCmd === 'cmd-j' ? 'bg-brand-500 border-brand-500 text-white' : 'bg-gray-100 border-gray-300'"
|
||
|
|
>
|
||
|
|
{{ renderCmdOrCtrlKey() }} + J
|
||
|
|
</span>
|
||
|
|
</div>
|
||
|
|
<div
|
||
|
|
class="flex flex-grow-1 w-full text-sm items-center gap-2 justify-center cursor-pointer"
|
||
|
|
:class="activeCmd === 'cmd-k' ? 'text-brand-500' : ''"
|
||
|
|
@click.stop="activeCmd !== 'cmd-k' ? setActiveCmdView('cmd-k') : () => undefined"
|
||
|
|
>
|
||
|
|
<MdiMapMarkerOutline class="h-4 w-4" />
|
||
|
|
|
||
|
|
Quick Navigation
|
||
|
|
<span
|
||
|
|
class="text-sm px-1 rounded-md border-1"
|
||
|
|
:class="activeCmd === 'cmd-k' ? 'bg-brand-500 border-brand-500 text-white' : 'bg-gray-100 border-gray-300'"
|
||
|
|
>
|
||
|
|
{{ renderCmdOrCtrlKey() }} + K
|
||
|
|
</span>
|
||
|
|
</div>
|
||
|
|
<div
|
||
|
|
class="flex flex-grow-1 w-full text-sm items-center gap-2 justify-center cursor-pointer"
|
||
|
|
:class="activeCmd === 'cmd-l' ? 'text-brand-500' : ''"
|
||
|
|
@click.stop="activeCmd !== 'cmd-l' ? setActiveCmdView('cmd-l') : () => undefined"
|
||
|
|
>
|
||
|
|
<MdiClockOutline class="h-4 w-4" />
|
||
|
|
|
||
|
|
Recent
|
||
|
|
<span
|
||
|
|
class="text-sm px-1 rounded-md border-1"
|
||
|
|
:class="activeCmd === 'cmd-l' ? 'bg-brand-500 border-brand-500 text-white' : 'bg-gray-100 border-gray-300'"
|
||
|
|
>
|
||
|
|
{{ renderCmdOrCtrlKey() }} + L
|
||
|
|
</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</template>
|