Skip to content

Commit bd3f258

Browse files
localai-botmudler
andauthored
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 <mudler@localai.io> Co-authored-by: Ettore Di Giacinto <mudler@localai.io>
1 parent 40e6599 commit bd3f258

1 file changed

Lines changed: 3 additions & 0 deletions

File tree

core/http/react-ui/src/App.css

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6304,6 +6304,9 @@ select.input {
63046304
.home-wizard {
63056305
max-width: 48rem;
63066306
width: 100%;
6307+
/* .home-page is a stretch column flex; a max-width child would otherwise
6308+
pin to the left cross-start edge. Center it. */
6309+
margin: 0 auto;
63076310
}
63086311
.home-wizard-hero {
63096312
text-align: center;

0 commit comments

Comments
 (0)