fix(ServiceRequest): убрать лишний FormGrid внутри CollapseSection

CollapseSection.body у @tnsu/ui-kit уже сам является 2-колоночным грид-
контейнером (._body{grid-template-columns:1fr 1fr}) — FormGrid внутри
неё создавал ВЛОЖЕННЫЙ грид, который занимал только ОДНУ из двух колонок
родителя (как единственный grid-item без явного grid-column), а его
собственные две колонки делили уже урезанную пополам ширину. Из-за этого
«Объём работ», «Итого объёмы работ» и «Общие замечания» рендерились на
половине ширины карточки, хотя место было.

FormField кладём прямо в CollapseSection, без обёртки FormGrid — так уже
сделано во всех остальных формах (см. Clearance/RequestSection.tsx).

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
gorbenko.pavel
2026-09-01 16:37:58 +05:00
parent 97fb71036b
commit a3d3983d78
2 changed files with 56 additions and 60 deletions
@@ -1,11 +1,10 @@
import * as React from 'react';
import { CollapseSection, FormGrid, FormField, TextArea } from '../../../shared/ui';
import { CollapseSection, FormField, TextArea } from '../../../shared/ui';
import { ISectionProps } from '../model';
/** Общие замечания — отдельный блок бумажной формы, не относится к объёму работ. */
export const RemarksSection: React.FC<ISectionProps> = ({ data, set }) => (
<CollapseSection title="Общие замечания" icon="info">
<FormGrid>
<FormField label="Общие замечания" htmlFor="GeneralRemarks" full>
<TextArea
id="GeneralRemarks"
@@ -15,6 +14,5 @@ export const RemarksSection: React.FC<ISectionProps> = ({ data, set }) => (
placeholder="Особые условия, ссылки на нормативы, порядок приёмки скрытых работ…"
/>
</FormField>
</FormGrid>
</CollapseSection>
);
@@ -1,6 +1,6 @@
import * as React from 'react';
import styles from './ScopeSection.module.scss';
import { CollapseSection, FormGrid, FormField, TextInput, TextArea } from '../../../shared/ui';
import { CollapseSection, FormField, TextInput, TextArea } from '../../../shared/ui';
import { CostGroupsEditor } from './CostGroupsEditor';
import { ISectionProps } from '../model';
@@ -24,7 +24,6 @@ export const ScopeSection: React.FC<ISectionProps> = ({ data, set }) => {
return (
<CollapseSection title="Описание требований" icon="helmet">
<FormGrid>
<FormField label="Объём работ" htmlFor="ScopeOfWork" required full>
<TextArea
id="ScopeOfWork"
@@ -74,7 +73,6 @@ export const ScopeSection: React.FC<ISectionProps> = ({ data, set }) => {
</FormField>
{days !== undefined && <div className={styles.duration}>Продолжительность: {days} кал. дн.</div>}
</FormGrid>
</CollapseSection>
);
};