File tree Expand file tree Collapse file tree 3 files changed +4
-47
lines changed
Expand file tree Collapse file tree 3 files changed +4
-47
lines changed Original file line number Diff line number Diff line change 1515 </h1 >
1616 </NuxtLink >
1717 </div >
18-
19- <!-- Mobile menu button -->
20- <div class =" flex sm:hidden" >
21- <button @click =" isMobileMenuOpen = !isMobileMenuOpen" class =" text-gray-400 hover:text-white p-2 transition-colors duration-200" >
22- <span class =" sr-only" >Open menu</span >
23- <Icon :name =" isMobileMenuOpen ? 'heroicons:x-mark' : 'heroicons:bars-3'" class =" w-6 h-6" />
24- </button >
25- </div >
26-
27- <!-- Desktop menu -->
28- <div class =" hidden sm:flex sm:items-center sm:space-x-8" >
29- <NuxtLink to =" /about" class =" group text-gray-300 hover:text-white px-3 py-2 text-sm font-medium transition-colors duration-200" >
30- About
31- <span class =" block max-w-0 group-hover:max-w-full transition-all duration-500 h-0.5 bg-indigo-500" ></span >
32- </NuxtLink >
33- <a href =" https://github.com/cksidharthan/ghost-send" target =" _blank" class =" text-gray-300 hover:text-white transition-colors duration-200" >
34- <Icon name =" mdi:github" class =" w-6 h-6" />
35- </a >
36- </div >
37- </div >
38- </div >
39-
40- <!-- Mobile menu -->
41- <div
42- v-show =" isMobileMenuOpen"
43- ref =" mobileMenuRef"
44- class =" sm:hidden absolute w-full bg-gray-800/95 backdrop-blur-sm border-b border-gray-700/50"
45- >
46- <div class =" px-2 pt-2 pb-3 space-y-1" >
47- <NuxtLink to =" /about" class =" block text-gray-300 hover:text-white hover:bg-gray-700/50 px-3 py-2 rounded-md text-base font-medium transition-all duration-200" >
48- About
49- </NuxtLink >
5018 </div >
5119 </div >
5220 </nav >
11482 </div >
11583 </footer >
11684 </div >
117- </template >
118-
119- <script setup>
120- import { ref } from ' vue'
121-
122- const isMobileMenuOpen = ref (false )
123- const mobileMenuRef = ref (null )
124-
125- useClickOutside (mobileMenuRef, () => {
126- isMobileMenuOpen .value = false
127- })
128- </script >
85+ </template >
Original file line number Diff line number Diff line change 44 "type" : " module" ,
55 "scripts" : {
66 "build" : " nuxt build" ,
7- "dev" : " nuxt dev" ,
7+ "dev" : " nuxt dev --host 0.0.0.0 " ,
88 "generate" : " nuxt generate" ,
99 "preview" : " nuxt preview" ,
1010 "postinstall" : " nuxt prepare"
You can’t perform that action at this time.
0 commit comments