Form/LeasingObject: wrap LeasingObject elements on mobile devices

This commit is contained in:
Chika 2022-06-03 11:31:59 +03:00
parent 502d6b607a
commit 7285886df4
2 changed files with 11 additions and 5 deletions

View File

@ -5,10 +5,16 @@ const config: FormComponentConfig = {
id: 'leasingObject',
title: 'ПЛ',
rows: [
[['selectLeaseObjectType', 'labelDepreciationGroup'], { gridTemplateColumns: '2fr 1fr' }],
[['selectBrand', 'cbxLeaseObjectUsed'], { gridTemplateColumns: '2fr 1fr' }],
[['selectModel', 'cbxWithTrailer'], { gridTemplateColumns: '2fr 1fr' }],
[['selectConfiguration', 'radioDeliveryTime'], { gridTemplateColumns: '2fr 1fr' }],
[
['selectLeaseObjectType', 'labelDepreciationGroup'],
{ gridTemplateColumns: ['1fr', '1fr', '2fr 1fr'] },
],
[['selectBrand', 'cbxLeaseObjectUsed'], { gridTemplateColumns: ['1fr', '1fr', '2fr 1fr'] }],
[['selectModel', 'cbxWithTrailer'], { gridTemplateColumns: ['1fr', '1fr', '2fr 1fr'] }],
[
['selectConfiguration', 'radioDeliveryTime'],
{ gridTemplateColumns: ['1fr', '1fr', '2fr 1fr'] },
],
[['selectLeaseObjectUseFor'], { gridTemplateColumns: '1fr' }],
[['tbxLeaseObjectCount', 'selectEngineType', 'tbxMaxSpeed']],
[['tbxLeaseObjectYear', 'tbxLeaseObjectMotorPower', 'tbxCountSeats']],

View File

@ -9,7 +9,7 @@ export type FormComponentConfig = {
id: string;
title: string;
rows: Array<
[elements: (ValuesElements | ComputedElements | ActionElements)[], style?: BoxProps['style']]
[elements: (ValuesElements | ComputedElements | ActionElements)[], style?: BoxProps['sx']]
>;
};