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

update to say Atitlan Lightning Directory and format

Browse source
This commit is contained in:
padreug 2025-02-02 18:57:38 +01:00
parent 27173b11eb
commit 9f0d440288
1 changed files with 12 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -25,23 +25,18 @@ const toggleMenu = () => {
<div class="flex flex-shrink-0 items-center">
<!-- Replace with your logo -->
<router-link to="/" class="text-xl font-bold text-card-foreground">
⚡️ Lightning Directory
⚡️ Atitlan Lightning Directory
</router-link>
</div>
<!-- Desktop Navigation -->
<div class="hidden sm:ml-6 sm:flex sm:space-x-8">
<router-link
v-for="item in navigation"
:key="item.name"
:to="item.href"
class="inline-flex items-center px-1 pt-1 text-sm font-medium"
:class="[
<router-link v-for="item in navigation" :key="item.name" :to="item.href"
class="inline-flex items-center px-1 pt-1 text-sm font-medium" :class="[
$route.path === item.href
? 'border-b-2 border-primary text-card-foreground'
: 'text-muted-foreground hover:border-b-2 hover:border-muted hover:text-card-foreground'
]"
>
]">
{{ item.name }}
</router-link>
</div>
@ -54,11 +49,9 @@ const toggleMenu = () => {
<!-- Mobile menu button -->
<div class="flex items-center sm:hidden">
<button
type="button"
<button type="button"
class="inline-flex items-center justify-center rounded-md p-2 text-gray-400 hover:bg-gray-100 hover:text-gray-500"
@click="toggleMenu"
>
@click="toggleMenu">
<span class="sr-only">Open main menu</span>
<Menu v-if="!isOpen" class="block h-6 w-6" aria-hidden="true" />
<X v-else class="block h-6 w-6" aria-hidden="true" />
@ -68,26 +61,17 @@ const toggleMenu = () => {
</div>
<!-- Mobile menu -->
<div
:class="[isOpen ? 'block' : 'hidden']"
class="sm:hidden"
>
<div :class="[isOpen ? 'block' : 'hidden']" class="sm:hidden">
<div class="space-y-1 pb-3 pt-2">
<router-link
v-for="item in navigation"
:key="item.name"
:to="item.href"
class="block border-l-4 py-2 pl-3 pr-4 text-base font-medium"
:class="[
<router-link v-for="item in navigation" :key="item.name" :to="item.href"
class="block border-l-4 py-2 pl-3 pr-4 text-base font-medium" :class="[
$route.path === item.href
? 'border-primary bg-primary/10 text-primary'
: 'border-transparent text-gray-500 hover:border-gray-300 hover:bg-gray-50 hover:text-gray-700'
]"
@click="isOpen = false"
>
]" @click="isOpen = false">
{{ item.name }}
</router-link>
</div>
</div>
</nav>
</template>
</template>