fix: apply narrower max width to featured frameworks (#1591)

graphieros · web-flow · commit e449d3463ba9 · 2026-02-22T22:50:18.000Z
diff --git a/app/pages/index.vue b/app/pages/index.vue
@@ -109,7 +109,7 @@ defineOgImageComponent('Default', {
 
       <nav
         :aria-label="$t('nav.popular_packages')"
-        class="pt-4 pb-36 sm:pb-40 text-center motion-safe:animate-fade-in motion-safe:animate-fill-both"
+        class="pt-4 pb-36 sm:pb-40 text-center motion-safe:animate-fade-in motion-safe:animate-fill-both max-w-xl mx-auto"
         style="animation-delay: 0.3s"
       >
         <ul class="flex flex-wrap items-center justify-center gap-x-6 gap-y-3 list-none m-0 p-0">

Original file line number	Diff line number	Diff line change
`@@ -109,7 +109,7 @@ defineOgImageComponent('Default', {`
`109`	`109`
`110`	`110`	`<nav`
`111`	`111`	`:aria-label="$t('nav.popular_packages')"`
`112`		`- class="pt-4 pb-36 sm:pb-40 text-center motion-safe:animate-fade-in motion-safe:animate-fill-both"`
	`112`	`+ class="pt-4 pb-36 sm:pb-40 text-center motion-safe:animate-fade-in motion-safe:animate-fill-both max-w-xl mx-auto"`
`113`	`113`	`style="animation-delay: 0.3s"`
`114`	`114`	`>`
`115`	`115`	`<ul class="flex flex-wrap items-center justify-center gap-x-6 gap-y-3 list-none m-0 p-0">`