Add focus ring to compare page package search input

JarvisInvestInsight · JarvisInvestInsight · commit d82cca2d3233 · 2026-02-01T20:00:16.000Z
Match the search page input styling with focus-visible:ring-2
diff --git a/app/components/compare/PackageSelector.vue b/app/components/compare/PackageSelector.vue
@@ -101,7 +101,7 @@ function handleBlur() {
               ? $t('compare.selector.search_first')
               : $t('compare.selector.search_add')
           "
-          class="w-full bg-bg-subtle border border-border rounded-lg ps-10 pe-4 py-2.5 font-mono text-sm text-fg placeholder:text-fg-subtle transition-colors duration-200 focus:border-accent focus-visible:outline-none"
+          class="w-full bg-bg-subtle border border-border rounded-lg ps-10 pe-4 py-2.5 font-mono text-sm text-fg placeholder:text-fg-subtle transition-colors duration-200 focus:border-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent/50"
           aria-autocomplete="list"
           @focus="isInputFocused = true"
           @blur="handleBlur"

Original file line number	Diff line number	Diff line change
`@@ -101,7 +101,7 @@ function handleBlur() {`
`101`	`101`	`? $t('compare.selector.search_first')`
`102`	`102`	`: $t('compare.selector.search_add')`
`103`	`103`	`"`
`104`		`- class="w-full bg-bg-subtle border border-border rounded-lg ps-10 pe-4 py-2.5 font-mono text-sm text-fg placeholder:text-fg-subtle transition-colors duration-200 focus:border-accent focus-visible:outline-none"`
	`104`	`+ class="w-full bg-bg-subtle border border-border rounded-lg ps-10 pe-4 py-2.5 font-mono text-sm text-fg placeholder:text-fg-subtle transition-colors duration-200 focus:border-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent/50"`
`105`	`105`	`aria-autocomplete="list"`
`106`	`106`	`@focus="isInputFocused = true"`
`107`	`107`	`@blur="handleBlur"`