@@ -48,7 +48,7 @@ function Navbar() {
4848
4949 < div className = "flex h-8 items-center gap-1 rounded-full border border-[#3A3745] bg-[#e8e9ff] px-2.5 py-1 text-xs font-semibold text-gray-700 transition hover:bg-slate-50 dark:bg-black dark:text-white dark:hover:bg-[#1A1823] sm:h-9 sm:gap-2 sm:px-3.5 sm:py-1.5 sm:text-sm md:h-10 md:px-4 md:py-2 md:text-base" >
5050 < span className = "truncate" >
51- < PinnedModal />
51+ < PinnedModal />
5252 </ span >
5353 </ div >
5454
@@ -97,7 +97,7 @@ function Navbar() {
9797 < DropdownMenu open = { dropdownOpen } onOpenChange = { setDropdownOpen } >
9898 < DropdownMenuTrigger asChild >
9999 < button
100- className = "flex h-10 w-10 items-center justify-center rounded-full border border-[#3A3745] bg-[#e8e9ff] text-gray-700 hover:bg-slate-50 dark:bg-black dark:text-white dark:hover:bg-[#1A1823] shadow-lg transition-transform duration-200 hover:scale-105 active:scale-95 "
100+ className = "flex h-10 w-10 items-center justify-center rounded-full border border-[#3A3745] bg-[#e8e9ff] text-gray-700 shadow-lg transition-transform duration-200 hover:scale-105 hover: bg-slate-50 active:scale-95 dark:bg-black dark:text-white dark:hover:bg-[#1A1823]"
101101 aria-label = "Toggle dropdown"
102102 >
103103 < ChevronDown
@@ -107,11 +107,14 @@ function Navbar() {
107107 </ DropdownMenuTrigger >
108108
109109 < DropdownMenuContent
110- className = "w-56 rounded-2xl border border-[rgba(255,255,255,0.1)] border-[#3A3745] bg-[#e8e9ff] text-gray-700 hover:bg-slate-50 dark:bg-black dark:text-white dark:hover:bg-[#1A1823] shadow-2xl backdrop-blur-sm "
110+ className = "w-56 rounded-2xl border border-[#3A3745] border-[ rgba(255,255,255,0.1)] bg-[#e8e9ff] text-gray-700 shadow-2xl backdrop-blur-sm hover:bg-slate-50 dark:bg-black dark:text-white dark:hover:bg-[#1A1823]"
111111 align = "start"
112112 >
113- < DropdownMenuItem asChild onSelect = { ( e ) => e . preventDefault ( ) } >
114- < PinnedModal />
113+ < DropdownMenuItem
114+ asChild
115+ onSelect = { ( e ) => e . preventDefault ( ) }
116+ >
117+ < PinnedModal />
115118 </ DropdownMenuItem >
116119 < DropdownMenuItem asChild >
117120 < Link href = "/request" className = "flex items-center gap-3" >
@@ -131,7 +134,7 @@ function Navbar() {
131134 >
132135 < DropdownMenuTrigger asChild >
133136 < button
134- className = "flex h-10 w-10 items-center justify-center rounded-full border border-[#3A3745] bg-[#e8e9ff] text-gray-700 hover:bg-slate-50 dark:bg-black dark:text-white dark:hover:bg-[#1A1823] shadow-lg transition-transform duration-200 hover:scale-105 active:scale-95 "
137+ className = "flex h-10 w-10 items-center justify-center rounded-full border border-[#3A3745] bg-[#e8e9ff] text-gray-700 shadow-lg transition-transform duration-200 hover:scale-105 hover: bg-slate-50 active:scale-95 dark:bg-black dark:text-white dark:hover:bg-[#1A1823]"
135138 aria-label = "Toggle dropdown"
136139 >
137140 < ChevronDown
@@ -141,14 +144,14 @@ function Navbar() {
141144 </ DropdownMenuTrigger >
142145
143146 < DropdownMenuContent
144- className = "xl:hidden mt-2 py-2 w-72 space-y-1 rounded-3xl
145- border border-[#3A3745] shadow-lg backdrop-blur-sm transition-colors
146- bg-[#e8e9ff] text-gray-700
147- dark:bg-black dark:text-white dark:border-[#3A3745]"
148- align = "end"
149- >
150- < DropdownMenuItem asChild onSelect = { ( e ) => e . preventDefault ( ) } >
151- < PinnedModal />
147+ className = "mt-2 w-72 space-y-1 rounded-3xl border border-[#3A3745] bg-[#e8e9ff] py-2 text-gray-700 shadow-lg backdrop-blur-sm transition-colors dark:border-[#3A3745] dark:bg-black dark:text-white xl:hidden"
148+ align = "end"
149+ >
150+ < DropdownMenuItem
151+ asChild
152+ onSelect = { ( e ) => e . preventDefault ( ) }
153+ >
154+ < PinnedModal />
152155 </ DropdownMenuItem >
153156 < DropdownMenuItem asChild >
154157 < Link href = "/request" className = "flex items-center gap-3" >
0 commit comments