refactor: use different hover state

MatteoGabriele · MatteoGabriele · commit e4e478e2f113 · 2026-02-02T12:07:36.000+01:00
diff --git a/app/pages/search.vue b/app/pages/search.vue
@@ -723,7 +723,7 @@ defineOgImageComponent('Default', {
               </div>
               <NuxtLink
                 :to="{ name: 'package', params: { package: [query] } }"
-                class="shrink-0 px-4 py-2 font-mono text-sm text-bg bg-fg rounded-md hover:text-fg-subtle focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-fg/50"
+                class="shrink-0 px-4 py-2 font-mono text-sm text-bg bg-fg rounded-md hover:bg-fg/90 hover:text-bg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-fg/50"
               >
                 {{ $t('search.not_invalid_button_label', { name: query }) }}
               </NuxtLink>

Original file line number	Diff line number	Diff line change
`@@ -723,7 +723,7 @@ defineOgImageComponent('Default', {`
`723`	`723`	`</div>`
`724`	`724`	`<NuxtLink`
`725`	`725`	`:to="{ name: 'package', params: { package: [query] } }"`
`726`		`- class="shrink-0 px-4 py-2 font-mono text-sm text-bg bg-fg rounded-md hover:text-fg-subtle focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-fg/50"`
	`726`	`+ class="shrink-0 px-4 py-2 font-mono text-sm text-bg bg-fg rounded-md hover:bg-fg/90 hover:text-bg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-fg/50"`
`727`	`727`	`>`
`728`	`728`	`{{ $t('search.not_invalid_button_label', { name: query }) }}`
`729`	`729`	`</NuxtLink>`