lfg2025/kaiser-natron
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(search): clear pill uses yellow text, not yellow fill

Browse Source 
Keeps the small-badge typography (px/py/radius/weight/tracking) but
renders "CLEAR" in accent text so it reads as an inline affordance
rather than a filled chip.
This commit is contained in:
Dorian
2026-04-21 14:07:58 +01:00
parent c0888530c5
commit f3d8e6f34a
13 changed files with 13 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/design-system/components/Search.vue
View File

@@ -293,7 +293,7 @@ function onRowClick(i, item, e) {
<button
v-if="query"
type="button"
class="shrink-0 inline-flex items-center px-[11px] py-[5px] rounded-pill text-[11px] font-bold tracking-eyebrow uppercase bg-accent text-accent-ink hover:bg-accent-soft transition-colors"
class="shrink-0 inline-flex items-center px-[11px] py-[5px] rounded-pill text-[11px] font-bold tracking-eyebrow uppercase text-accent hover:text-accent-soft transition-colors"
:aria-label="t('search.clear')"
@click="clearQuery"
>