fix(ui): fix cramped stats grid on smaller screens

wojtekmaj · wojtekmaj · commit 8747f2998203 · 2026-02-04T11:59:21.000+01:00
diff --git a/app/pages/package/[...package].vue b/app/pages/package/[...package].vue
@@ -786,7 +786,7 @@ defineOgImageComponent('Package', {
 
         <!-- Stats grid -->
         <dl
-          class="grid grid-cols-2 sm:grid-cols-11 gap-3 sm:gap-4 py-4 sm:py-6 mt-4 sm:mt-6 border-t border-b border-border"
+          class="grid grid-cols-2 sm:grid-cols-7 md:grid-cols-11 gap-3 sm:gap-4 py-4 sm:py-6 mt-4 sm:mt-6 border-t border-b border-border"
         >
           <div class="space-y-1 sm:col-span-2">
             <dt class="text-xs text-fg-subtle uppercase tracking-wider">

Original file line number	Diff line number	Diff line change
`@@ -786,7 +786,7 @@ defineOgImageComponent('Package', {`
`786`	`786`
`787`	`787`	`<!-- Stats grid -->`
`788`	`788`	`<dl`
`789`		`- class="grid grid-cols-2 sm:grid-cols-11 gap-3 sm:gap-4 py-4 sm:py-6 mt-4 sm:mt-6 border-t border-b border-border"`
	`789`	`+ class="grid grid-cols-2 sm:grid-cols-7 md:grid-cols-11 gap-3 sm:gap-4 py-4 sm:py-6 mt-4 sm:mt-6 border-t border-b border-border"`
`790`	`790`	`>`
`791`	`791`	`<div class="space-y-1 sm:col-span-2">`
`792`	`792`	`<dt class="text-xs text-fg-subtle uppercase tracking-wider">`