External/roboco
1
0
Fork 0
mirror of https://github.com/rennf93/roboco.git synced 2026-08-03 07:23:24 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix(panel): AI routing breathing room — wider column gutters, roomier override rows

Browse Source 
Key band gets a 14-unit gutter between the key column and self-hosted;
mix-mode rows gain horizontal separation, vertical rhythm, and taller
row padding.
This commit is contained in:
Renn F
2026-07-15 17:57:42 +02:00
parent 57254b3ce2
commit e7d8e7ecb5
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
panel/src/components/settings/ai-routing-card.tsx
+5 -5
View File
@@ -349,8 +349,8 @@ export function AIRoutingCard() {
</CardHeader> </CardHeader>
<CardContent className="space-y-6"> <CardContent className="space-y-6">
{/* -------- Key cards band: Grok+Ollama (left) / Self-Hosted (right) -------- */} {/* -------- Key cards band: Grok+Ollama (left) / Self-Hosted (right) -------- */}
<div className="grid grid-cols-1 gap-6 lg:grid-cols-2"> <div className="grid grid-cols-1 gap-10 lg:grid-cols-2 lg:gap-14">
<div className="space-y-6"> <div className="space-y-8">
{/* -------- Grok (xAI) key -------- */} {/* -------- Grok (xAI) key -------- */}
<section className="space-y-2"> <section className="space-y-2">
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
@@ -617,15 +617,15 @@ export function AIRoutingCard() {
</p> </p>
<div className="divide-y rounded-md border"> <div className="divide-y rounded-md border">
{AGENT_GROUPS.map((group) => ( {AGENT_GROUPS.map((group) => (
<div key={group.title} className="p-3"> <div key={group.title} className="p-4">
<h4 className="mb-2 text-xs font-semibold text-muted-foreground uppercase tracking-wider"> <h4 className="mb-2 text-xs font-semibold text-muted-foreground uppercase tracking-wider">
{group.title} {group.title}
</h4> </h4>
<div className="grid grid-cols-1 gap-2 sm:grid-cols-2"> <div className="grid grid-cols-1 gap-x-8 gap-y-3 sm:grid-cols-2">
{group.agents.map((a) => ( {group.agents.map((a) => (
<div <div
key={a.slug} key={a.slug}
className="grid grid-cols-[1fr_170px] items-center gap-2 rounded-md border px-2 py-1.5" className="grid grid-cols-[1fr_170px] items-center gap-4 rounded-md border px-3 py-2.5"
> >
<div className="min-w-0"> <div className="min-w-0">
<div className="truncate font-mono text-xs"> <div className="truncate font-mono text-xs">