Germán Jabloñski cd734b0f98 fix(ui): fix row width bug (#7940) ...

Closes https://github.com/payloadcms/payload/issues/7867

Problem: currently, setting an 

```ts
admin: {
   width: '30%'
}
```

does not work for fields inside a row or similar (group, array etc.)

Solution: when we render the field, we set a CSS variable
`--field-width` with the value of `admin.width`. This allows us to
calculate the correct width for a field in CSS by doing `flex: 0 1
var(--field-width);`

It also allows us to properly handle `gap` with `flex-wrap: wrap;`

Notes: added playwright tests to ensure widths are correctly rendered


![image](https://github.com/user-attachments/assets/0c0f11fc-2387-4f01-9298-a2613fceee22)

2024-09-11 12:36:54 -03:00

..

src

Merge branch 'beta' of https://github.com/payloadcms/payload into fix-row-field-width

2024-09-09 23:32:25 +01:00

.browserslistrc

chore(ui): add ability to compile using react compiler (#6483)

2024-05-27 22:54:36 -04:00

.prettierignore

chore: add missing .prettierignore files. Without them, folders like "dist" would not be excluded on a package-level despite a root-level .prettierignore being present

2024-03-14 22:48:27 -04:00

.swcrc

feat!: prebundle payload, ui, richtext-lexical (#6579)

2024-06-17 14:25:36 -04:00

babel.config.cjs

chore(eslint): curly [skip-lint] (#7959)

2024-08-29 10:15:36 -04:00

bundle.js

feat: pre-compile ui and richtext-lexical with react compiler (#7688)

2024-08-19 17:31:36 -04:00

eslint.config.js

chore: significantly improve eslint performance, lint and prettier everything

2024-08-29 21:25:50 -04:00

package.json

chore(release): v3.0.0-beta.103 [skip ci]

2024-09-11 09:04:49 -04:00

tsconfig.json

chore: move to eslint v9 (#7041)

2024-07-09 09:50:37 -04:00