Skip to content

Commit 6092fa8

Browse files
benjamin7007Copilot
benjamin7007
and
Copilot
committed
style: increase font size in agent quota tree displays
- Bump tree text from 11px to 12px (text-xs) - Increase row spacing from 0.5 to 1 - Widen label column from w-20 to w-24 - Widen tree connector column from w-5 to w-6 Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
1 parent 182da7c commit 6092fa8

1 file changed

Lines changed: 23 additions & 23 deletions

File tree

‎web/src/components/ConfigPanel.tsx‎

Lines changed: 23 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -213,15 +213,15 @@ export function ConfigPanel({ onOpenSkills, sessions = [], tokensMap = {} }: Con
213213
{/* Copilot agent: show quota tree */}
214214
{ac.agent === 'copilot' && copilotQuota && !copilotQuota.error && copilotQuota.available && (
215215
<div className="pt-2 border-t border-slate-800">
216-
<div className="font-mono text-[11px] space-y-0.5">
216+
<div className="font-mono text-xs space-y-1">
217217
<div className="flex">
218-
<span className="text-slate-600 w-5 flex-shrink-0">├</span>
219-
<span className="text-slate-500 w-20 flex-shrink-0">Plan</span>
218+
<span className="text-slate-600 w-6 flex-shrink-0">├</span>
219+
<span className="text-slate-500 w-24 flex-shrink-0">Plan</span>
220220
<span className="text-slate-200">{copilotQuota.plan ?? '—'}</span>
221221
</div>
222222
<div className="flex items-center">
223-
<span className="text-slate-600 w-5 flex-shrink-0">├</span>
224-
<span className="text-slate-500 w-20 flex-shrink-0">Premium</span>
223+
<span className="text-slate-600 w-6 flex-shrink-0">├</span>
224+
<span className="text-slate-500 w-24 flex-shrink-0">Premium</span>
225225
{copilotQuota.quota_snapshots?.premium ? (
226226
copilotQuota.quota_snapshots.premium.unlimited ? (
227227
<span className="text-emerald-400">unlimited</span>
@@ -233,36 +233,36 @@ export function ConfigPanel({ onOpenSkills, sessions = [], tokensMap = {} }: Con
233233
<span className="inline-block w-16 h-1.5 bg-slate-800 rounded-full overflow-hidden align-middle mx-1">
234234
<span className={`block h-full rounded-full ${copilotQuota.quota_snapshots.premium.percent_remaining < 20 ? 'bg-rose-500' : copilotQuota.quota_snapshots.premium.percent_remaining < 40 ? 'bg-amber-500' : 'bg-emerald-500'}`} style={{ width: `${100 - copilotQuota.quota_snapshots.premium.percent_remaining}%` }} />
235235
</span>
236-
<span className="text-slate-500 text-[10px]">{copilotQuota.quota_snapshots.premium.percent_remaining.toFixed(1)}%</span>
236+
<span className="text-slate-500 text-[11px]">{copilotQuota.quota_snapshots.premium.percent_remaining.toFixed(1)}%</span>
237237
</span>
238238
)
239239
) : (
240240
<span className="text-slate-600">—</span>
241241
)}
242242
</div>
243243
<div className="flex">
244-
<span className="text-slate-600 w-5 flex-shrink-0">├</span>
245-
<span className="text-slate-500 w-20 flex-shrink-0">Chat</span>
244+
<span className="text-slate-600 w-6 flex-shrink-0">├</span>
245+
<span className="text-slate-500 w-24 flex-shrink-0">Chat</span>
246246
<span className={copilotQuota.quota_snapshots?.chat?.unlimited ? 'text-emerald-400' : 'text-slate-600'}>{copilotQuota.quota_snapshots?.chat?.unlimited ? 'unlimited' : '—'}</span>
247247
</div>
248248
<div className="flex">
249-
<span className="text-slate-600 w-5 flex-shrink-0">├</span>
250-
<span className="text-slate-500 w-20 flex-shrink-0">Complete</span>
249+
<span className="text-slate-600 w-6 flex-shrink-0">├</span>
250+
<span className="text-slate-500 w-24 flex-shrink-0">Complete</span>
251251
<span className={copilotQuota.quota_snapshots?.completions?.unlimited ? 'text-emerald-400' : 'text-slate-600'}>{copilotQuota.quota_snapshots?.completions?.unlimited ? 'unlimited' : '—'}</span>
252252
</div>
253253
<div className="flex">
254-
<span className="text-slate-600 w-5 flex-shrink-0">├</span>
255-
<span className="text-slate-500 w-20 flex-shrink-0">Reset</span>
254+
<span className="text-slate-600 w-6 flex-shrink-0">├</span>
255+
<span className="text-slate-500 w-24 flex-shrink-0">Reset</span>
256256
<span className="text-slate-300">{copilotQuota.reset_at ?? '—'}</span>
257257
</div>
258258
<div className="flex">
259-
<span className="text-slate-600 w-5 flex-shrink-0">├</span>
260-
<span className="text-slate-500 w-20 flex-shrink-0">Total Req</span>
259+
<span className="text-slate-600 w-6 flex-shrink-0">├</span>
260+
<span className="text-slate-500 w-24 flex-shrink-0">Total Req</span>
261261
<span className="text-slate-200">{copilotSessions ? `${copilotSessions.total_requests.toLocaleString()} · 24h ${copilotSessions.requests_24h.toLocaleString()}` : '—'}</span>
262262
</div>
263263
<div className="flex">
264-
<span className="text-slate-600 w-5 flex-shrink-0">└</span>
265-
<span className="text-slate-500 w-20 flex-shrink-0">Sessions</span>
264+
<span className="text-slate-600 w-6 flex-shrink-0">└</span>
265+
<span className="text-slate-500 w-24 flex-shrink-0">Sessions</span>
266266
<span className="text-slate-200">{copilotSessions?.session_count ?? '—'}</span>
267267
</div>
268268
</div>
@@ -279,20 +279,20 @@ export function ConfigPanel({ onOpenSkills, sessions = [], tokensMap = {} }: Con
279279
const mainModel = prov.models.length > 0 ? prov.models.sort((a, b) => b.length - a.length)[0] : '—';
280280
return (
281281
<div className="pt-2 border-t border-slate-800">
282-
<div className="font-mono text-[11px] space-y-0.5">
282+
<div className="font-mono text-xs space-y-1">
283283
<div className="flex">
284-
<span className="text-slate-600 w-5 flex-shrink-0">├</span>
285-
<span className="text-slate-500 w-20 flex-shrink-0">Model</span>
284+
<span className="text-slate-600 w-6 flex-shrink-0">├</span>
285+
<span className="text-slate-500 w-24 flex-shrink-0">Model</span>
286286
<span className="text-slate-200">{mainModel}</span>
287287
</div>
288288
<div className="flex">
289-
<span className="text-slate-600 w-5 flex-shrink-0">├</span>
290-
<span className="text-slate-500 w-20 flex-shrink-0">Tokens</span>
289+
<span className="text-slate-600 w-6 flex-shrink-0">├</span>
290+
<span className="text-slate-500 w-24 flex-shrink-0">Tokens</span>
291291
<span className="text-slate-200">{formatTokens(total)} · in {formatTokens(prov.tokens_in)} · out {formatTokens(prov.tokens_out)}</span>
292292
</div>
293293
<div className="flex">
294-
<span className="text-slate-600 w-5 flex-shrink-0">└</span>
295-
<span className="text-slate-500 w-20 flex-shrink-0">Sessions</span>
294+
<span className="text-slate-600 w-6 flex-shrink-0">└</span>
295+
<span className="text-slate-500 w-24 flex-shrink-0">Sessions</span>
296296
<span className="text-slate-200">{prov.sessions}</span>
297297
</div>
298298
</div>

0 commit comments

Comments
 (0)