fix(furni-editor): green/red status dot on permission toggles

Replace the white/grey dot with a green (ON) / red (OFF) traffic-light
badge + a subtle ring so it reads on both the teal and grey chip
backgrounds.
This commit is contained in:
simoleo89
2026-06-06 14:11:48 +02:00
parent 7384a12b92
commit c4ddd4bfc2
@@ -345,7 +345,7 @@ export const FurniEditorEditView: FC<FurniEditorEditViewProps> = props =>
title={ on ? 'Enabled — click to disable' : 'Disabled — click to enable' } title={ on ? 'Enabled — click to disable' : 'Disabled — click to enable' }
className={ `inline-flex items-center gap-1.5 text-[11px] px-2.5 py-1 rounded-lg border font-medium transition ${ on ? 'bg-[#1E7295] border-[#1E7295] text-[#ffffff] shadow-sm' : 'bg-slate-100 border-slate-200 text-slate-400 hover:bg-slate-200 hover:text-slate-600' }` } className={ `inline-flex items-center gap-1.5 text-[11px] px-2.5 py-1 rounded-lg border font-medium transition ${ on ? 'bg-[#1E7295] border-[#1E7295] text-[#ffffff] shadow-sm' : 'bg-slate-100 border-slate-200 text-slate-400 hover:bg-slate-200 hover:text-slate-600' }` }
> >
<span className={ `inline-block w-1.5 h-1.5 rounded-full ${ on ? 'bg-[#ffffff]' : 'bg-slate-300' }` } /> <span className={ `inline-block w-2 h-2 rounded-full ring-1 ${ on ? 'bg-[#22c55e] ring-[#ffffff]/70' : 'bg-[#ef4444] ring-[#00000014]' }` } />
{ key.replace('allow', '') } { key.replace('allow', '') }
</button> </button>
); );