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

update logo icon; modify title

Browse source
This commit is contained in:
padreug 2025-07-29 21:26:01 +02:00
parent 90b59dfe13
commit f5e01c31f4
12 changed files with 16 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -5,7 +5,7 @@ import { useTheme } from '@/components/theme-provider'
import { Button } from '@/components/ui/button'
import { Badge } from '@/components/ui/badge'
import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger } from '@/components/ui/dropdown-menu'
import { Zap, Sun, Moon, Menu, X, User, Key, LogOut } from 'lucide-vue-next'
import { Sun, Moon, Menu, X, User, Key, LogOut } from 'lucide-vue-next'
import LanguageSwitcher from '@/components/LanguageSwitcher.vue'
import IdentityDialog from '@/components/nostr/IdentityDialog.vue'
import { identity } from '@/composables/useIdentity'
@ -48,7 +48,8 @@ const openIdentityDialog = () => {
<!-- Logo and Desktop Navigation -->
<div class="flex items-center gap-6">
<router-link to="/" class="flex items-center gap-2 text-foreground hover:text-foreground/90">
<Zap class="h-6 w-6" :class="theme === 'dark' ? 'text-orange-400' : 'text-fuchsia-600'" />
<img src="@/assets/logo-72px.png" alt="Logo" class="h-14 -14" />
<!-- srcset="@/assets/logo-24px.png 1x, @/assets/logo-48px.png 2x, @/assets/logo-72px.png 3x" -->
<span class="font-semibold">{{ t('nav.title') }}</span>
</router-link>
@ -91,7 +92,7 @@ const openIdentityDialog = () => {
</DropdownMenuItem>
</DropdownMenuContent>
</DropdownMenu>
<Button v-else variant="outline" size="sm" @click="openIdentityDialog" class="gap-2">
<User class="h-4 w-4" />
Connect Identity
@ -99,7 +100,7 @@ const openIdentityDialog = () => {
</div>
<!-- Hide theme toggle on mobile -->
<Button variant="ghost" size="icon" @click="toggleTheme"
<Button variant="ghost" size="icon" @click="toggleTheme"
class="hidden sm:inline-flex text-foreground hover:text-foreground/90 hover:bg-accent">
<Sun v-if="theme === 'dark'" class="h-5 w-5" />
<Moon v-else class="h-5 w-5" />
@ -111,7 +112,7 @@ const openIdentityDialog = () => {
</div>
<!-- Mobile menu button -->
<Button variant="ghost" size="icon" @click="toggleMenu"
<Button variant="ghost" size="icon" @click="toggleMenu"
class="md:hidden text-foreground hover:text-foreground/90 hover:bg-accent">
<span class="sr-only">Open main menu</span>
<Menu v-if="!isOpen" class="h-5 w-5" />
@ -126,7 +127,8 @@ const openIdentityDialog = () => {
<div class="space-y-1 p-4">
<!-- Identity in mobile menu -->
<div class="mb-4 px-2">
<Button v-if="!identity.isAuthenticated.value" variant="outline" size="sm" @click="openIdentityDialog" class="w-full gap-2 min-h-[44px] touch-manipulation">
<Button v-if="!identity.isAuthenticated.value" variant="outline" size="sm" @click="openIdentityDialog"
class="w-full gap-2 min-h-[44px] touch-manipulation">
<User class="h-4 w-4" />
Connect Identity
</Button>
@ -141,7 +143,8 @@ const openIdentityDialog = () => {
<User class="h-4 w-4" />
Profile
</Button>
<Button variant="ghost" size="sm" @click="identity.signOut(); isOpen = false" class="w-full justify-start gap-2 text-destructive">
<Button variant="ghost" size="sm" @click="identity.signOut(); isOpen = false"
class="w-full justify-start gap-2 text-destructive">
<LogOut class="h-4 w-4" />
Sign Out
</Button>