search

payloadcms / payload

The best way to build a modern backend + admin UI. No black magic, all TypeScript, and fully open-source, Payload is both an app framework and a headless CMS.
https://payloadcms.com
MIT License
20.99k stars 1.26k forks source link

[UI] Document deletion modal: Content misalignment #6936

Open AF111 opened 3 days ago

AF111 commented 3 days ago

Link to reproduction

https://github.com/payloadcms/payload-3.0-demo

Payload Version

3.0.0-beta.54

Node Version

20.12.2

Next.js Version

15.0.0-rc.0

Describe the Bug

The delete document modal's content is not properly centered in v3 beta. It should be aligned both vertically and horizontally.

image

Possible fix: Add justify-content: center; to the modal dialog elements in: 1: https://github.com/payloadcms/payload/blob/beta/packages/ui/src/elements/DeleteDocument/index.scss 2: https://github.com/payloadcms/payload/blob/beta/packages/ui/src/elements/DeleteMany/index.scss

Reproduction Steps

  1. Install Payload v3 beta and configure project name and db: npx create-payload-app@beta
  2. Start dev server and try to delete any record.
  3. A delete confirmation modal should popup similar to the one in the bug description.

Adapters and Plugins

No response