fix(admin-ui): dict detail toolbar — wrap buttons вместо ломки текста

This commit is contained in:
Александр Зимин
2026-05-10 17:30:38 +00:00
parent 5ecfdb3c08
commit f5fb2b70a6
@@ -467,12 +467,18 @@ function DictionaryDetail() {
: `${totalRecords} ${t('dict.list.records')}` : `${totalRecords} ${t('dict.list.records')}`
} }
actions={ actions={
<div className="flex items-center gap-2"> // flex-wrap: при узком viewport кнопки переносятся на новую row
// вместо вмятия в 2 строки внутри одной кнопки. whitespace-nowrap на
// каждой Button — label всегда single line. Combination: buttons
// expand to fit text, и весь toolbar wraps below header при узком
// экране, а не давит лейблы.
<div className="flex flex-wrap items-center gap-2">
<Button <Button
variant="secondary" variant="secondary"
leftIcon={<MapTrifoldIcon weight="bold" size={16} />} leftIcon={<MapTrifoldIcon weight="bold" size={16} />}
disabled={!detailQuery.data} disabled={!detailQuery.data}
onClick={() => setAoiOpen(true)} onClick={() => setAoiOpen(true)}
className="whitespace-nowrap"
> >
{t('aoi.button')} {t('aoi.button')}
</Button> </Button>
@@ -482,6 +488,7 @@ function DictionaryDetail() {
disabled={!detailQuery.data} disabled={!detailQuery.data}
onClick={() => setTimeTravelOpen((v) => !v)} onClick={() => setTimeTravelOpen((v) => !v)}
aria-pressed={Boolean(timeTravelAt)} aria-pressed={Boolean(timeTravelAt)}
className="whitespace-nowrap"
> >
{t('timeTravel.button')} {t('timeTravel.button')}
</Button> </Button>
@@ -490,6 +497,7 @@ function DictionaryDetail() {
leftIcon={<GearIcon weight="bold" size={16} />} leftIcon={<GearIcon weight="bold" size={16} />}
disabled={!detailQuery.data} disabled={!detailQuery.data}
onClick={() => setSchemaEditOpen(true)} onClick={() => setSchemaEditOpen(true)}
className="whitespace-nowrap"
> >
{t('schema.action.editSchema')} {t('schema.action.editSchema')}
</Button> </Button>
@@ -498,6 +506,7 @@ function DictionaryDetail() {
leftIcon={<PlusIcon weight="bold" size={16} />} leftIcon={<PlusIcon weight="bold" size={16} />}
disabled={!detailQuery.data} disabled={!detailQuery.data}
onClick={() => setEdit({ kind: 'create' })} onClick={() => setEdit({ kind: 'create' })}
className="whitespace-nowrap"
> >
{t('dict.action.create')} {t('dict.action.create')}
</Button> </Button>