Enhance UI configuration and improve image display in documentation

ManukMinasyan · ManukMinasyan · commit 0b7d92491331 · 2025-09-11T23:43:35.000+04:00
diff --git a/docs/app.config.ts b/docs/app.config.ts
@@ -36,5 +36,12 @@ export default defineAppConfig({
             primary: 'violet',
             neutral: 'zinc'
         }
+    },
+    uiPro: {
+        pageHero: {
+            slots: {
+                container: 'flex flex-col lg:grid py-16 sm:py-20 lg:py-24 gap-16 sm:gap-y-2'
+            }
+        }
     }
-})
+})
diff --git a/docs/content/index.md b/docs/content/index.md
@@ -36,7 +36,9 @@ Built specifically for FilamentPHP.
   :::
 ::
 
-![Flowforge Kanban Board Preview](/preview.png)
+<div class="text-center">
+  <img src="/preview.png" alt="Flowforge Kanban Board Preview" class="mx-auto max-w-full h-auto rounded-lg shadow-lg" />
+</div>
 
 ::u-page-section
 #title

Original file line number	Diff line number	Diff line change
`@@ -36,5 +36,12 @@ export default defineAppConfig({`
`36`	`36`	`primary: 'violet',`
`37`	`37`	`neutral: 'zinc'`
`38`	`38`	`}`
	`39`	`+ },`
	`40`	`+ uiPro: {`
	`41`	`+ pageHero: {`
	`42`	`+ slots: {`
	`43`	`+ container: 'flex flex-col lg:grid py-16 sm:py-20 lg:py-24 gap-16 sm:gap-y-2'`
	`44`	`+ }`
	`45`	`+ }`
`39`	`46`	`}`
`40`		`-})`
	`47`	`+})`