evo/Evo.External.App
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

apps/web: Form ui improvements

Browse Source
This commit is contained in:
vchikalkin 2023-11-09 23:43:46 +03:00
parent d5876d8e73
commit b6d74a5dd5
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
apps/web/components/Form.tsx
View File

@ -12,7 +12,7 @@ export function Form({ data, metaData, title }: Props) {
return (
<Background>
<Heading size={2}>{title}</Heading>
<div className="mt-1 grid auto-rows-auto grid-cols-1 gap-2 md:grid-cols-2 lg:grid-cols-3">
<div className="mt-2 grid auto-rows-auto grid-cols-1 gap-2 gap-x-4 md:grid-cols-2 lg:grid-cols-3">
{Object.keys(metaData).map((name) => {
const { fieldType, label, max, min = 0, visible, ...props } = metaData[name];
@ -39,7 +39,7 @@ export function Form({ data, metaData, title }: Props) {
})}
</div>
<Divider />
<div className="grid grid-cols-1 gap-2 md:grid-cols-3">
<div className="grid grid-cols-1 gap-2 gap-x-4 md:grid-cols-3">
<Button>Сохранить</Button>
<Button>Возврат на доработку</Button>
<Button color="danger">Отмена</Button>