Why does my UI look like the frames are messed up?

Pardon my ignorance but I have a fresh bolt install and no matter what browser I use, the UI looks oddly misshapen.

My guess is that you used npm run dev which screws up the styling, use pnpm run dev. And you might have some filter/plugin making the side box huge, check… Maybe try another browser and/or clear your back.

I will take a look. I ran this in a container.

1 Like

Looks like the container is using pnpm run dockerstart

Any Errors in the Dev-Tools Console?

1 Like

I hope this helps.


!

Looks like CORS Problems to me, but I am not an expert on this.

Can you tell how you host it / whats your setup?

Bolt.diy running as container on the same dockerhost as my OpenWebUI container with Ollama. I deployed the original Bolt.new container and do not get this issue. But I want to use Ollama so I need this fork which somehow has this UI issue for me.

Ok, thanks.

Which branch you are on?

Or better => just copy the debug output in settings :slight_smile: (enable in features if you dont see)

The problem is that 600px height and the -30 degree transform in the styling, weird. Not sure what’s causing it and sorry, I don’t really use Docker containers.

Version

no-git-(v0.0.3) - nightly

Ok, please try to use the stable branch. Maybe the bug is not in there (hopefully)

I apologize for not using the stable branch from the get go. I have reloaded everything from the stable branch and I do not encounter the UI issue.

Thanks.

2 Likes

No problem. Nice, if it works now :slight_smile:

But I guess @aliasfox can take a look and make sure it does not come from the main into the stable branch at any time :slight_smile:

1 Like

I’ll take a look but I think I recently pulled the main branch and didn’t have that issue. But I’ll test it and reply later…

Update: I just tested the main branch and did not experience this issue, but I am also not using docker. Perhaps docker or a version/dependency issue? I’m not sure, but I could not replicate it.

the background rays are causing the header to push down…
they were suppose to be in absolute/fixed block and show up behind the frame. something is screwing up the styling.
do you have reduced animation turned on? or any extension? to modify the styles ?

It might be an issue in the main branch, though I wasn’t able to replicate by pulling the latest version. And this thread may be related: The whole page disappears - bolt.diy / [bolt.diy] Issues and Troubleshooting. But pulling from the stable branch appears to have fixed it for the user.