fix: align dependency warning icons to middle (#2227)

iiio2 · web-flow · commit 1824c624eddc · 2026-03-23T06:27:56.000Z
diff --git a/app/components/Package/Dependencies.vue b/app/components/Package/Dependencies.vue
@@ -126,7 +126,7 @@ const numberFormatter = useNumberFormatter()
             >
               <button
                 type="button"
-                class="p-2 -m-2"
+                class="inline-flex items-center justify-center p-2 -m-2"
                 :aria-label="getOutdatedTooltip(outdatedDeps[dep], $t)"
               >
                 <span class="i-lucide:circle-alert w-3 h-3" aria-hidden="true" />
@@ -139,7 +139,7 @@ const numberFormatter = useNumberFormatter()
             >
               <button
                 type="button"
-                class="p-2 -m-2"
+                class="inline-flex items-center justify-center p-2 -m-2"
                 :aria-label="$t('package.dependencies.has_replacement')"
               >
                 <span class="i-lucide:lightbulb w-3 h-3" aria-hidden="true" />

Original file line number	Diff line number	Diff line change
`@@ -126,7 +126,7 @@ const numberFormatter = useNumberFormatter()`
`126`	`126`	`>`
`127`	`127`	`<button`
`128`	`128`	`type="button"`
`129`		`- class="p-2 -m-2"`
	`129`	`+ class="inline-flex items-center justify-center p-2 -m-2"`
`130`	`130`	`:aria-label="getOutdatedTooltip(outdatedDeps[dep], $t)"`
`131`	`131`	`>`
`132`	`132`	`<span class="i-lucide:circle-alert w-3 h-3" aria-hidden="true" />`
`@@ -139,7 +139,7 @@ const numberFormatter = useNumberFormatter()`
`139`	`139`	`>`
`140`	`140`	`<button`
`141`	`141`	`type="button"`
`142`		`- class="p-2 -m-2"`
	`142`	`+ class="inline-flex items-center justify-center p-2 -m-2"`
`143`	`143`	`:aria-label="$t('package.dependencies.has_replacement')"`
`144`	`144`	`>`
`145`	`145`	`<span class="i-lucide:lightbulb w-3 h-3" aria-hidden="true" />`