From bd3f2588fd9b9aa40fb38f4e6f72636fb463c903 Mon Sep 17 00:00:00 2001 From: "LocalAI [bot]" <139863280+localai-bot@users.noreply.github.com> Date: Sun, 5 Jul 2026 13:12:09 +0200 Subject: [PATCH] fix(ui): center the home empty-state wizard (#10691) The no-models getting-started wizard (`.home-wizard`) rendered left-aligned instead of centered. `.home-page` is a column flexbox with the default `align-items: stretch`; a child with `max-width: 48rem` cannot be stretched past its max-width, so it falls back to the cross-start (left) edge. The populated home branch never exposed this because its children are full-width. Add `margin: 0 auto` to `.home-wizard` so the max-width block centers horizontally, for both the admin getting-started wizard and the non-admin no-models hero. Assisted-by: Claude:claude-opus-4-8 [Claude Code] Signed-off-by: Ettore Di Giacinto Co-authored-by: Ettore Di Giacinto --- core/http/react-ui/src/App.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/core/http/react-ui/src/App.css b/core/http/react-ui/src/App.css index 4578a3dd8..d6f54256f 100644 --- a/core/http/react-ui/src/App.css +++ b/core/http/react-ui/src/App.css @@ -6304,6 +6304,9 @@ select.input { .home-wizard { max-width: 48rem; width: 100%; + /* .home-page is a stretch column flex; a max-width child would otherwise + pin to the left cross-start edge. Center it. */ + margin: 0 auto; } .home-wizard-hero { text-align: center;