style: improve border visibility in select package section (#1064)

iiio2 · danielroe · web-flow · commit 8c8f2fab8560 · 2026-02-08T23:37:39.000Z
Co-authored-by: Daniel Roe &lt;daniel@roe.dev&gt;
diff --git a/app/pages/compare.vue b/app/pages/compare.vue
@@ -257,7 +257,7 @@ useSeoMeta({
       <!-- Empty state -->
       <section
         v-else
-        class="text-center px-1.5 py-16 border border-dashed border-border rounded-lg"
+        class="text-center px-1.5 py-16 border border-dashed border-border-hover rounded-lg"
       >
         <div class="i-carbon:compare w-12 h-12 text-fg-subtle mx-auto mb-4" aria-hidden="true" />
         <h2 class="font-mono text-lg text-fg-muted mb-2">

Original file line number	Diff line number	Diff line change
`@@ -257,7 +257,7 @@ useSeoMeta({`
`257`	`257`	`<!-- Empty state -->`
`258`	`258`	`<section`
`259`	`259`	`v-else`
`260`		`- class="text-center px-1.5 py-16 border border-dashed border-border rounded-lg"`
	`260`	`+ class="text-center px-1.5 py-16 border border-dashed border-border-hover rounded-lg"`
`261`	`261`	`>`
`262`	`262`	`<div class="i-carbon:compare w-12 h-12 text-fg-subtle mx-auto mb-4" aria-hidden="true" />`
`263`	`263`	`<h2 class="font-mono text-lg text-fg-muted mb-2">`