forked from
npmx.dev/npmx.dev
[READ-ONLY]
a fast, modern browser for the npm registry
fix: add cursor pointer to button and list items (#1317)
authored by
Nandkishor Jadoun
and committed by
GitHub
f0e38c18
b73edafe
+2
-2
+2
-2
app/components/Package/ManagerSelect.vue
+2
-2
app/components/Package/ManagerSelect.vue
···
88
88
<button
89
89
ref="triggerRef"
90
90
type="button"
91
-
class="flex items-center gap-1.5 px-2 py-2 font-mono text-xs text-fg-muted bg-bg-subtle border border-border-subtle border-solid rounded-md transition-colors duration-150 hover:(text-fg border-border-hover) active:scale-95 focus:border-border-hover focus-visible:outline-accent/70 hover:text-fg"
91
+
class="cursor-pointer flex items-center gap-1.5 px-2 py-2 font-mono text-xs text-fg-muted bg-bg-subtle border border-border-subtle border-solid rounded-md transition-colors duration-150 hover:(text-fg border-border-hover) active:scale-95 focus:border-border-hover focus-visible:outline-accent/70 hover:text-fg"
92
92
:aria-expanded="isOpen"
93
93
aria-haspopup="listbox"
94
94
:aria-label="$t('package.get_started.pm_label')"
···
150
150
:key="pm.id"
151
151
role="option"
152
152
:aria-selected="selectedPM === pm.id"
153
-
class="flex items-center gap-2 px-3 py-1.5 font-mono text-xs transition-colors duration-150"
153
+
class="cursor-pointer flex items-center gap-2 px-3 py-1.5 font-mono text-xs transition-colors duration-150"
154
154
:class="[
155
155
selectedPM === pm.id ? 'text-fg' : 'text-fg-subtle',
156
156
highlightedIndex === index ? 'bg-bg-elevated' : 'hover:bg-bg-elevated',