creativetimofficial / material-tailwind

@material-tailwind is an easy-to-use components library for Tailwind CSS and Material Design.
https://material-tailwind.com/
MIT License
3.48k stars 304 forks source link

Dialog backdrop should be at least screen height #649

Open marlier opened 3 months ago

marlier commented 3 months ago

If/when #648 is merged, it will allow a Dialog that is taller than the screen to be rendered correctly. However, the backdrop is currently fixed at the height of the screen. This changes the default theme so that the backdrop is at least the screen height, but will become taller should the content be larger than the viewport.

Workaround for the time being is to set your custom theme as

<ThemeProvider
                  value={{
                    dialog: {
                      styles: {
                        base: {
                          backdrop: {
                            position: 'relative',
                            height: 'min-h-screen',
                          },
                        },
                      },
                    },
                  }}
                >
vercel[bot] commented 3 months ago

@marlier is attempting to deploy a commit to the ct-tailwind-team Team on Vercel.

A member of the Team first needs to authorize it.