fix: replace non-standard Tailwind opacity /12 with rgba in ScriptFilterBar

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
chihlasm
2026-03-13 02:35:48 -04:00
parent 4269aea015
commit 2548a81549

View File

@@ -38,7 +38,7 @@ export function ScriptFilterBar({ inputValue, setInputValue }: Props) {
'font-label text-xs px-3 py-1.5 rounded-full border transition-all',
activeCategoryId === null
? 'bg-primary/10 border-primary/30 text-foreground border-l-[3px] border-l-primary'
: 'border-border text-muted-foreground hover:border-white/12 hover:text-foreground'
: 'border-border text-muted-foreground hover:border-[rgba(255,255,255,0.12)] hover:text-foreground'
)}
>
All
@@ -52,7 +52,7 @@ export function ScriptFilterBar({ inputValue, setInputValue }: Props) {
'font-label text-xs px-3 py-1.5 rounded-full border transition-all',
activeCategoryId === cat.id
? 'bg-primary/10 border-primary/30 text-foreground border-l-[3px] border-l-primary'
: 'border-border text-muted-foreground hover:border-white/12 hover:text-foreground'
: 'border-border text-muted-foreground hover:border-[rgba(255,255,255,0.12)] hover:text-foreground'
)}
>
{cat.name}