mirror of
https://github.com/ArthurDanjou/ui.git
synced 2026-01-15 04:29:37 +01:00
33 lines
1.0 KiB
Vue
33 lines
1.0 KiB
Vue
<template>
|
|
<aside class="hidden pb-8 overflow-y-auto lg:block lg:self-start lg:top-16 lg:max-h-[calc(100vh-64px)] lg:sticky lg:pr-8 lg:pl-[2px]">
|
|
<div class="relative">
|
|
<div class="sticky top-0 pointer-events-none z-[1]">
|
|
<div class="h-8 bg-white dark:bg-gray-900" />
|
|
<div class="bg-white dark:bg-gray-900 relative pointer-events-auto">
|
|
<UButton
|
|
icon="i-heroicons-magnifying-glass-20-solid"
|
|
class="w-full"
|
|
color="gray"
|
|
@click="isSearchModalOpen = true"
|
|
>
|
|
Search
|
|
|
|
<div class="hidden lg:flex items-center gap-0.5 ml-auto -my-1">
|
|
<UKbd>{{ metaSymbol }}</UKbd>
|
|
<UKbd>K</UKbd>
|
|
</div>
|
|
</UButton>
|
|
</div>
|
|
<div class="h-8 bg-gradient-to-b from-white dark:from-gray-900" />
|
|
</div>
|
|
|
|
<DocsAsideLinks />
|
|
</div>
|
|
</aside>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
const { isSearchModalOpen } = useDocs()
|
|
const { metaSymbol } = useShortcuts()
|
|
</script>
|