davidwindham.com / npmx.dev
forked from npmx.dev/npmx.dev
[READ-ONLY] a fast, modern browser for the npm registry
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

fix: button hover style isn't correct (#402)

authored by

rygrit and committed by
GitHub cbbd0222 611cc872

+16 -4
+16 -4
app/components/FilterPanel.vue
··· 250 250 role="radio" 251 251 :aria-checked="filters.downloadRange === range.value" 252 252 class="tag transition-colors duration-200 focus-visible:ring-2 focus-visible:ring-fg focus-visible:ring-offset-1" 253 - :class="filters.downloadRange === range.value ? 'bg-fg text-bg border-fg' : ''" 253 + :class=" 254 + filters.downloadRange === range.value 255 + ? 'bg-fg text-bg border-fg hover:text-bg/50' 256 + : '' 257 + " 254 258 @click="emit('update:downloadRange', range.value)" 255 259 > 256 260 {{ $t(getDownloadRangeLabelKey(range.value)) }} ··· 275 279 role="radio" 276 280 :aria-checked="filters.updatedWithin === option.value" 277 281 class="tag transition-colors duration-200 focus-visible:ring-2 focus-visible:ring-fg focus-visible:ring-offset-1" 278 - :class="filters.updatedWithin === option.value ? 'bg-fg text-bg border-fg' : ''" 282 + :class=" 283 + filters.updatedWithin === option.value 284 + ? 'bg-fg text-bg border-fg hover:text-bg/70' 285 + : '' 286 + " 279 287 @click="emit('update:updatedWithin', option.value)" 280 288 > 281 289 {{ $t(getUpdatedWithinLabelKey(option.value)) }} ··· 300 308 disabled 301 309 :aria-checked="filters.security === option.value" 302 310 class="tag transition-colors duration-200 opacity-50 cursor-not-allowed focus-visible:ring-2 focus-visible:ring-fg focus-visible:ring-offset-1" 303 - :class="filters.security === option.value ? 'bg-fg text-bg border-fg' : ''" 311 + :class=" 312 + filters.security === option.value ? 'bg-fg text-bg border-fg hover:text-bg/70' : '' 313 + " 304 314 > 305 315 {{ $t(getSecurityLabelKey(option.value)) }} 306 316 </button> ··· 319 329 type="button" 320 330 :aria-pressed="filters.keywords.includes(keyword)" 321 331 class="tag text-xs transition-colors duration-200 focus-visible:ring-2 focus-visible:ring-fg focus-visible:ring-offset-1" 322 - :class="filters.keywords.includes(keyword) ? 'bg-fg text-bg border-fg' : ''" 332 + :class=" 333 + filters.keywords.includes(keyword) ? 'bg-fg text-bg border-fg hover:text-bg/70' : '' 334 + " 323 335 @click="emit('toggleKeyword', keyword)" 324 336 > 325 337 {{ keyword }}