forked from
npmx.dev/npmx.dev
[READ-ONLY]
a fast, modern browser for the npm registry
fix: redundant mobile menu close logic (#992)
authored by
Nandkishor Jadoun
and committed by
GitHub
7c8a6379
0531e3f3
+4
-9
+4
-9
app/components/AppHeader.vue
+4
-9
app/components/AppHeader.vue
···
185
185
<HeaderAccountMenu />
186
186
</div>
187
187
188
-
<!-- Mobile: Menu button (always visible, toggles menu) -->
188
+
<!-- Mobile: Menu button (always visible, click to open menu) -->
189
189
<button
190
190
type="button"
191
191
class="sm:hidden flex items-center p-2 -m-2 text-fg-subtle hover:text-fg transition-colors duration-200 focus-visible:outline-accent/70 rounded"
192
-
:aria-label="showMobileMenu ? $t('common.close') : $t('nav.open_menu')"
193
-
:aria-expanded="showMobileMenu"
194
-
@click="showMobileMenu = !showMobileMenu"
192
+
:aria-label="$t('nav.open_menu')"
193
+
@click="showMobileMenu = true"
195
194
>
196
-
<span
197
-
class="w-6 h-6 inline-block"
198
-
:class="showMobileMenu ? 'i-carbon:close' : 'i-carbon:menu'"
199
-
aria-hidden="true"
200
-
/>
195
+
<span class="w-6 h-6 inline-block i-carbon:menu" aria-hidden="true" />
201
196
</button>
202
197
</div>
203
198
</nav>