mirror of https://github.com/nocodb/nocodb
6 changed files with 88 additions and 78 deletions
@ -0,0 +1,65 @@ |
|||||||
|
<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> |
Loading…
Reference in new issue