anyame/anyame-frontend-vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[feature] Clickable "Anyame" in NavBar #2

Merged
bivashy merged 1 commits from feature/clickable-icon-navbar into main 2025-07-20 18:57:17 +00:00
Conversation 0 Commits 1 Files Changed 1 +3 -2
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
app/components/ui/navbar/Navbar.vue
View File

@ -1,6 +1,7 @@
<script setup lang="ts"> <script setup lang="ts">
import { Icon } from '@iconify/vue' import { Icon } from '@iconify/vue'
import Button from '../button/Button.vue' import Button from '../button/Button.vue'
import { NuxtLink } from '#components'
const colorMode = useColorMode() const colorMode = useColorMode()
@ -17,11 +18,11 @@ function toggleColorMode(): void {
<template> <template>
<div class="flex justify-around items-center p-2 border-b-2 backdrop-blur"> <div class="flex justify-around items-center p-2 border-b-2 backdrop-blur">
<div class="self-start"> <NuxtLink to="/" class="self-start">
<h3 class="scroll-m-20 text-2xl font-semibold tracking-tight select-none"> <h3 class="scroll-m-20 text-2xl font-semibold tracking-tight select-none">
Anyame Anyame
</h3> </h3>
</div> </NuxtLink>
<div class="self-end"> <div class="self-end">
<Button variant="outline" @click="toggleColorMode()"> <Button variant="outline" @click="toggleColorMode()">
<Icon icon="radix-icons:moon" <Icon icon="radix-icons:moon"