starred/aryx
1
0
Fork 0
mirror of https://github.com/davidkaya/aryx.git synced 2026-08-26 04:43:56 +02:00
Code Issues 3 Packages Projects Releases 10 Wiki Activity

fix: register pill font size as Tailwind v4 theme token

Browse Source 
The arbitrary text-[8px] class was not being generated by the
Tailwind v4 Vite plugin at dev time. Register --text-pill in
@theme so text-pill becomes a first-class utility that is always
generated. Uses 0.5rem (8px) with line-height 1.

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
This commit is contained in:
David Kaya
2026-03-25 20:33:28 +01:00
co-authored by Copilot
parent 0ed22adb03
commit d6596efc11
2 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/renderer/components/chat/InlinePills.tsx
+5 -5
View File
@@ -63,7 +63,7 @@ export function InlineModelPill({
<button <button
aria-expanded={open} aria-expanded={open}
aria-haspopup="listbox" aria-haspopup="listbox"
className={`inline-flex items-center gap-1 rounded border px-1.5 py-0.5 text-[8px] leading-none font-medium transition ${ className={`inline-flex items-center gap-1 rounded border px-1.5 py-0.5 text-pill font-medium transition ${
open open
? 'border-indigo-500/40 bg-indigo-500/10 text-indigo-300' ? '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' : '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) { if (supportedEfforts && supportedEfforts.length === 0) {
return ( 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] leading-none 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-pill text-zinc-600">
<Sparkles className="size-2.5" /> <Sparkles className="size-2.5" />
N/A N/A
</span> </span>
@@ -168,7 +168,7 @@ export function InlineThinkingPill({
<button <button
aria-expanded={open} aria-expanded={open}
aria-haspopup="listbox" aria-haspopup="listbox"
className={`inline-flex items-center gap-1 rounded border px-1.5 py-0.5 text-[8px] leading-none font-medium transition ${ className={`inline-flex items-center gap-1 rounded border px-1.5 py-0.5 text-pill font-medium transition ${
open open
? 'border-indigo-500/40 bg-indigo-500/10 text-indigo-300' ? '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' : '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 <button
aria-expanded={open} aria-expanded={open}
aria-haspopup="listbox" aria-haspopup="listbox"
className={`inline-flex items-center gap-1 rounded border px-1.5 py-0.5 text-[8px] leading-none font-medium transition ${ className={`inline-flex items-center gap-1 rounded border px-1.5 py-0.5 text-pill font-medium transition ${
open open
? 'border-indigo-500/40 bg-indigo-500/10 text-indigo-300' ? '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' : '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 <button
aria-expanded={open} aria-expanded={open}
aria-haspopup="listbox" aria-haspopup="listbox"
className={`inline-flex items-center gap-1 rounded border px-1.5 py-0.5 text-[8px] leading-none font-medium transition ${ className={`inline-flex items-center gap-1 rounded border px-1.5 py-0.5 text-pill font-medium transition ${
open open
? 'border-indigo-500/40 bg-indigo-500/10 text-indigo-300' ? 'border-indigo-500/40 bg-indigo-500/10 text-indigo-300'
: isOverridden : isOverridden
src/renderer/styles.css
+2
View File
@@ -10,6 +10,8 @@
--color-accent: #6366f1; --color-accent: #6366f1;
--color-accent-hover: #818cf8; --color-accent-hover: #818cf8;
--color-accent-muted: rgba(99, 102, 241, 0.15); --color-accent-muted: rgba(99, 102, 241, 0.15);
--text-pill: 0.5rem;
--text-pill--line-height: 1;
} }
:root { :root {