mirror of
https://github.com/duckietm/Nitro-V3.git
synced 2026-06-19 15:06:20 +00:00
fix(furni-editor): make permission toggles clearly show on/off state
Enabled chips now use a solid teal fill (bg-[#1E7295]) with white text + a white status dot; disabled chips are muted grey with a grey dot. The old bg-primary/10 + text-primary 'on' state was nearly indistinguishable from 'off'. Adds aria-pressed + title for a11y.
This commit is contained in:
@@ -341,8 +341,11 @@ export const FurniEditorEditView: FC<FurniEditorEditViewProps> = props =>
|
|||||||
key={ key }
|
key={ key }
|
||||||
type="button"
|
type="button"
|
||||||
onClick={ () => setField(key, !on) }
|
onClick={ () => setField(key, !on) }
|
||||||
className={ `text-[11px] px-2.5 py-1 rounded-lg border transition ${ on ? 'bg-primary/10 border-primary/40 text-primary font-medium' : 'bg-[#ffffff] border-slate-200 text-slate-400 hover:border-slate-300' }` }
|
aria-pressed={ on }
|
||||||
|
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' }` }
|
||||||
>
|
>
|
||||||
|
<span className={ `inline-block w-1.5 h-1.5 rounded-full ${ on ? 'bg-[#ffffff]' : 'bg-slate-300' }` } />
|
||||||
{ key.replace('allow', '') }
|
{ key.replace('allow', '') }
|
||||||
</button>
|
</button>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user