diff --git a/src/components/furni-editor/views/FurniEditorEditView.tsx b/src/components/furni-editor/views/FurniEditorEditView.tsx index 22c7e14..2e45045 100644 --- a/src/components/furni-editor/views/FurniEditorEditView.tsx +++ b/src/components/furni-editor/views/FurniEditorEditView.tsx @@ -215,8 +215,8 @@ export const FurniEditorEditView: FC = props => }, []); const inputClass = (field?: string) => - `w-full px-2 py-1 text-xs leading-normal rounded-sm border border-[#ccc] min-h-[calc(1.5em+0.5rem+2px)] ${ field && validation[field] ? 'border-red-500 bg-red-50' : '' }`; - const labelClass = 'text-[11px] font-bold text-[#333] mb-0 flex items-center gap-0.5'; + `w-full px-2 py-1 text-sm leading-normal rounded-sm border border-[#bbb] focus:border-primary focus:outline-none focus:ring-1 focus:ring-primary/40 min-h-[calc(1.5em+0.5rem+2px)]${ field && validation[field] ? ' border-red-500 bg-red-50' : '' }`; + const labelClass = 'text-[10px] font-bold text-secondary uppercase tracking-wider mb-0.5 flex items-center gap-0.5'; const readonlyClass = 'w-full px-2 py-1 text-sm font-mono rounded-sm border border-[#ddd] bg-[#f2f2eb] text-[#555] select-all'; return ( @@ -229,9 +229,9 @@ export const FurniEditorEditView: FC = props => - ID: { item.id } + ID: { item.id } | - Sprite: { item.spriteId } + Sprite: { item.spriteId } ({ item.usageCount } in use)