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
@@ -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"
                  }`}
                >