Blueprints not styling correctly when copy & paste

[ConorDrew]

Hi, im not sure if im doing something incorrectly, but ive just found Blueprint UI and i thought I would give it a go as it looks very useful.

I was playing around with one of your blueprints of 'Login with Cover' - https://blazorblueprintui.com/blueprints/logins/login-02
And when copying it in, it just displays like this

I have also tried using the .net template to install from fresh, as I had an idea that I was missing some key elements in a app.css or in the main layout, but still got the same result.

Im curious if the blazorBlueprintUI.com is using some styling that needs to be applied first, or is wrapped in a container that is applying some styling before hand, but I was wondering if you have that on hand or any ideas on how to get this to play nicely outside the demo website?

Thanks

[mathewtaylor]

Hi @ConorDrew, welcome to the community, though sorry to hear you are having a little trouble! Possible to share your code with me and I will take a look to see. Maybe you can commit to a repo or something?

Cheers,
Mathew

[ConorDrew]

Thanks for the quick reply.

Ill attach a repo, This code was all generated from the dotnet template and then created using the VS create using .net 8

In index.html within the client folder, I had added the signin at the bottom of the page before the code block, so if you run it, you will see the same thing from the screen shot :)

Thanks

[ConorDrew]

Realised i never linked the repo: https://github.com/ConorDrew/BBPUIExample/blob/main/Project1Bpui/Project1Bpui.Client/Pages/Index.razor