fix(admin-ui): IconButton icon prop + compact 2-col form layout

Bugs:
- IconButton @nstart/ui принимает icon={} prop, не children — иконки рендерились
  пустыми квадратами (видно «Изменить» tooltip без значка карандашика).
  Перевёл оба IconButton на icon={<PencilSimpleIcon/>} / icon={<XCircleIcon/>}.

UX:
- Modal max-w-2xl → max-w-4xl (форма дышит, ru-RU/en-US labels не оборачиваются).
- SchemaDrivenForm: scalar поля теперь в 2-колоночной grid, full-width
  (i18n / array / textarea / nested object) занимают sm:col-span-2.
- Локальные ярлыки i18n: tracking-normal + whitespace-nowrap, w-14 — больше не
  ломаются «ru-» «RU» из-за inherited tracking-label.
This commit is contained in:
Zimin A.N.
2026-05-04 02:37:13 +03:00
parent 4f04872de8
commit 7aed67fce5
2 changed files with 41 additions and 26 deletions
@@ -156,17 +156,15 @@ function DictionaryDetail() {
<IconButton
label={t('dict.action.edit')}
variant="default"
icon={<PencilSimpleIcon weight="regular" />}
onClick={() => setEdit({ kind: 'edit', record: r })}
>
<PencilSimpleIcon size={16} />
</IconButton>
/>
<IconButton
label={t('dict.action.close')}
variant="danger"
icon={<XCircleIcon weight="regular" />}
onClick={() => setEdit({ kind: 'close-confirm', record: r })}
>
<XCircleIcon size={16} />
</IconButton>
/>
</div>
</TableCell>
</TableRow>
@@ -186,7 +184,7 @@ function DictionaryDetail() {
? `${t('dict.action.edit')}: ${edit.record.businessKey}`
: ''
}
maxWidth="max-w-2xl"
maxWidth="max-w-4xl"
>
{detailQuery.data && (edit.kind === 'create' || edit.kind === 'edit') && (
<SchemaDrivenForm