Base page rendering and CSS broken after phoenix-storybook installation

Ah thank you!

It looks like the solution is to add a CSS class generated based on the project name ("foo-web") to the <body> tag in the root HTML file (which is likely located here lib/#{your_app_name}/components/layouts/root.html.heex).

Though the number of lines of CSS happens to be the same (because the .important prefixer tailwind hack doesn’t do anything besides add a qualified CSS class), the contents do indeed differ.

My mistake was diffing the raw CSS at assets/css/app.css across branches - that file (for a newly created Phoenix app) just includes tailwind modules, and is 20 lines long. It and doesn’t actually represent the post processed CSS files (which I should have checked by downloading from dev tools :face_in_clouds:).

The commit containing updated generator instructions is here: generator now explains to set the sandbox class on the body tag · phenixdigital/phoenix_storybook@be3295f · GitHub