27 lines
660 B
Vue
27 lines
660 B
Vue
<script lang="ts" setup>
|
|
import type {NavigationMenuItem} from '@nuxt/ui'
|
|
|
|
defineProps<{
|
|
links: NavigationMenuItem[]
|
|
}>()
|
|
</script>
|
|
|
|
<template>
|
|
<div class="fixed top-2 sm:top-4 mx-auto left-1/2 transform -translate-x-1/2 z-10">
|
|
<UNavigationMenu
|
|
:items="links"
|
|
:ui="{
|
|
link: 'px-2 py-1',
|
|
linkLeadingIcon: 'hidden'
|
|
}"
|
|
class="bg-muted/80 backdrop-blur-sm rounded-full px-2 sm:px-4 border border-muted/50 shadow-lg shadow-neutral-950/5"
|
|
color="neutral"
|
|
variant="link"
|
|
>
|
|
<template #list-trailing>
|
|
<ColorModeButton/>
|
|
</template>
|
|
</UNavigationMenu>
|
|
</div>
|
|
</template>
|