fix(settings/appearance): improved 'Active' pill

This commit is contained in:
Boidushya Bhattacharya 2024-02-04 01:19:01 +05:30
parent 884a429a7c
commit aba12370f3

View File

@ -104,7 +104,7 @@ function ThemePreview(props: {
<span className="font-medium text-white">{props.name}</span>
<span
className={classNames(
"inline-block px-3 text-sm transition-opacity duration-150 rounded-full bg-[#27182F] text-white",
"inline-block px-3 py-1 leading-tight text-sm transition-opacity duration-150 rounded-full bg-pill-background text-white/85 shadow-[rgba(255,255,255,0.15)_0_1px_0_inset,rgba(46,54,80,0.075)_0_1px_1px]",
props.active ? "opacity-100" : "opacity-0 pointer-events-none",
)}
>