UI: Engine-Auswahl als 2x2-Raster (4 Engines lesbar statt gequetscht)

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-28 00:48:28 +02:00
parent f08595910d
commit 75727c6b36
4 changed files with 6 additions and 6 deletions
@@ -7,7 +7,7 @@
    <link rel="manifest" href="/manifest.webmanifest" />
    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
    <title>Mission Control 2.0</title>
-    <script type="module" crossorigin src="/assets/index-B8ZgHkJP.js"></script>
+    <script type="module" crossorigin src="/assets/index-DRD104Im.js"></script>
    <link rel="stylesheet" crossorigin href="/assets/index-jNLzkOWh.css">
  </head>
  <body>
@@ -179,12 +179,12 @@ export function AvatarPicker({ avatarUrl, onAvatarChange }: {
          </div>
        ) : (
          <div className="space-y-2">
-            <div className="flex gap-1.5">
+            <div className="grid grid-cols-2 gap-1.5">
              {enginesAvail.map((eng) => (
                <button
                  key={eng}
                  onClick={() => saveVoice(eng, "")}
-                  className={`flex-1 rounded-md border px-2.5 py-1.5 text-xs capitalize transition-colors ${
+                  className={`rounded-md border px-2.5 py-1.5 text-xs transition-colors ${
                    engine === eng ? "border-primary/50 bg-primary/10 text-primary" : "border-border/40 hover:bg-accent"
                  }`}
                >