fix: center settings page in full viewport

Use flex-1 so settings fills #root flex container, then flex items-center justify-center to center the form card. Also update <title> to "Honcho UI".
2026-04-24 10:53:16 -05:00
parent 764a7502a3
commit 88565eaf1a
2 changed files with 3 additions and 2 deletions
--- a/index.html
+++ b/index.html
@@ -4,7 +4,8 @@
    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>honcho-ui-scaffold</title>
+    <title>Honcho UI</title>
+    <meta name="description" content="Frontend for self-hosted Honcho instances — browse memories, chat with memory context" />
  </head>
  <body>
    <div id="root"></div>
--- a/src/routes/settings.tsx
+++ b/src/routes/settings.tsx
@@ -12,7 +12,7 @@ function SettingsPage() {

 	return (
 		<div
-			className="min-h-screen flex items-center justify-center p-4"
+			className="flex-1 flex items-center justify-center p-4 overflow-auto"
 			style={{ background: "var(--bg)" }}
 		>
 			<motion.div