search

naymspace / backpex

Backpex is a highly customizable administration panel for Phoenix LiveView applications.
https://backpex.live
MIT License
360 stars 20 forks source link

Broken layout after following installation guide #417

Closed lukaszsamson closed 1 week ago

lukaszsamson commented 2 weeks ago

I created a new empty mix phoenix project, added backpex following installation guide. I apllied the fixes from https://github.com/naymspace/backpex/issues/399 and changed path in taliwind config to ../deps/backpex/**/*.*ex as in https://github.com/rakso-startkoden/backpex-test/pull/1/files.

The app loads but the layout is broken. Notice logout button in the upper right corner

Screenshot 2024-06-27 at 05 22 24
Flo0807 commented 2 weeks ago

It seems like you have not installed daisyUI correctly. How did you install it? Can you provide a tailwind.config.js or even the whole (demo) project?

lukaszsamson commented 2 weeks ago

I figured it out that I need to add it. The section https://github.com/naymspace/backpex/blob/develop/guides/get_started/installation.md#add-files-to-tailwind-content is not mentioning any changes besides adding ../deps/backpex/**/*.*ex. It does not mention what nodejs deps are needed

Flo0807 commented 2 weeks ago

I figured it out that I need to add it. The section https://github.com/naymspace/backpex/blob/develop/guides/get_started/installation.md#add-files-to-tailwind-content is not mentioning any changes besides adding ../deps/backpex/**/*.*ex. It does not mention what nodejs deps are needed

We have a Prerequisites section that mentions daisyUI, but it's currently not linked in the installation guide. We will fix it with #403