mirror of
https://github.com/davidkaya/aryx.git
synced 2026-08-04 02:48:44 +02:00
style: add leading-none to pill text to ensure 8px font takes effect
Add explicit leading-none alongside text-[8px] so both font-size and line-height shrink, making the size reduction visually apparent. Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
This commit is contained in:
@@ -63,7 +63,7 @@ export function InlineModelPill({
|
||||
<button
|
||||
aria-expanded={open}
|
||||
aria-haspopup="listbox"
|
||||
className={`inline-flex items-center gap-1 rounded border px-1.5 py-0.5 text-[8px] font-medium transition ${
|
||||
className={`inline-flex items-center gap-1 rounded border px-1.5 py-0.5 text-[8px] leading-none font-medium transition ${
|
||||
open
|
||||
? 'border-indigo-500/40 bg-indigo-500/10 text-indigo-300'
|
||||
: 'border-zinc-700/60 bg-zinc-800/40 text-zinc-400 hover:border-zinc-600 hover:text-zinc-300'
|
||||
@@ -154,7 +154,7 @@ export function InlineThinkingPill({
|
||||
|
||||
if (supportedEfforts && supportedEfforts.length === 0) {
|
||||
return (
|
||||
<span className="inline-flex items-center gap-1 rounded border border-zinc-800/40 bg-zinc-800/20 px-1.5 py-0.5 text-[8px] text-zinc-600">
|
||||
<span className="inline-flex items-center gap-1 rounded border border-zinc-800/40 bg-zinc-800/20 px-1.5 py-0.5 text-[8px] leading-none text-zinc-600">
|
||||
<Sparkles className="size-2.5" />
|
||||
N/A
|
||||
</span>
|
||||
@@ -168,7 +168,7 @@ export function InlineThinkingPill({
|
||||
<button
|
||||
aria-expanded={open}
|
||||
aria-haspopup="listbox"
|
||||
className={`inline-flex items-center gap-1 rounded border px-1.5 py-0.5 text-[8px] font-medium transition ${
|
||||
className={`inline-flex items-center gap-1 rounded border px-1.5 py-0.5 text-[8px] leading-none font-medium transition ${
|
||||
open
|
||||
? 'border-indigo-500/40 bg-indigo-500/10 text-indigo-300'
|
||||
: 'border-zinc-700/60 bg-zinc-800/40 text-zinc-400 hover:border-zinc-600 hover:text-zinc-300'
|
||||
@@ -230,7 +230,7 @@ export function InlineToolsPill({
|
||||
<button
|
||||
aria-expanded={open}
|
||||
aria-haspopup="listbox"
|
||||
className={`inline-flex items-center gap-1 rounded border px-1.5 py-0.5 text-[8px] font-medium transition ${
|
||||
className={`inline-flex items-center gap-1 rounded border px-1.5 py-0.5 text-[8px] leading-none font-medium transition ${
|
||||
open
|
||||
? 'border-indigo-500/40 bg-indigo-500/10 text-indigo-300'
|
||||
: 'border-zinc-700/60 bg-zinc-800/40 text-zinc-400 hover:border-zinc-600 hover:text-zinc-300'
|
||||
@@ -340,7 +340,7 @@ export function InlineApprovalPill({
|
||||
<button
|
||||
aria-expanded={open}
|
||||
aria-haspopup="listbox"
|
||||
className={`inline-flex items-center gap-1 rounded border px-1.5 py-0.5 text-[8px] font-medium transition ${
|
||||
className={`inline-flex items-center gap-1 rounded border px-1.5 py-0.5 text-[8px] leading-none font-medium transition ${
|
||||
open
|
||||
? 'border-indigo-500/40 bg-indigo-500/10 text-indigo-300'
|
||||
: isOverridden
|
||||
|
||||
Reference in New Issue
Block a user