padreug/web-app
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

big milestone!

Browse source
This commit is contained in:
padreug 2025-02-11 14:43:08 +01:00
parent 2b35d6f39b
commit ac906ca6c9
28 changed files with 1332 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/components/layout/Navbar.vue
View file

@ -1,7 +1,7 @@
<script setup lang="ts">
import { ref, computed } from 'vue'
import { useI18n } from 'vue-i18n'
import { Menu, X, Sun, Moon, Zap } from 'lucide-vue-next'
import { Menu, X, Sun, Moon, Zap, MessageSquareText } from 'lucide-vue-next'
import { Button } from '@/components/ui/button'
import { useTheme } from '@/components/theme-provider'
@ -13,6 +13,7 @@ const navigation = computed(() => [
{ name: t('nav.home'), href: '/' },
{ name: t('nav.directory'), href: '/directory' },
{ name: t('nav.faq'), href: '/faq' },
{ name: t('nav.support'), href: '/support', icon: MessageSquareText },
])
const toggleMenu = () => {
@ -45,9 +46,10 @@ const toggleLocale = () => {
<!-- Desktop Navigation -->
<div class="hidden md:flex gap-4">
<router-link v-for="item in navigation" :key="item.name" :to="item.href"
class="text-muted-foreground hover:text-foreground transition-colors" :class="{
class="text-muted-foreground hover:text-foreground transition-colors flex items-center gap-2" :class="{
'text-foreground': $route.path === item.href
}">
<component v-if="item.icon" :is="item.icon" class="h-4 w-4" />
{{ item.name }}
</router-link>
</div>
@ -80,10 +82,11 @@ const toggleLocale = () => {
[@supports(backdrop-filter:blur(24px))]:bg-background/95 [@supports(backdrop-filter:blur(24px))]:backdrop-blur-sm">
<div class="container space-y-1 py-3">
<router-link v-for="item in navigation" :key="item.name" :to="item.href"
class="block px-3 py-2 text-base font-medium text-muted-foreground hover:text-foreground transition-colors"
class="block px-3 py-2 text-base font-medium text-muted-foreground hover:text-foreground transition-colors flex items-center gap-2"
:class="{
'text-foreground': $route.path === item.href
}" @click="isOpen = false">
<component v-if="item.icon" :is="item.icon" class="h-4 w-4" />
{{ item.name }}
</router-link>
</div>