Freshed downloaded boilerplate app layout messed up on refresh
Hi, I created and downloaded a fresh app of Next.js + AntD + Custom Auth + RestAPI. When I run it locally using
yarn dev
, the first load looks good, but after I log in and refresh the page, the layout will mess up like this screenshot. Note that it only messed up on desktop viewport, if I make the window size smaller, it becomes fine < 991 px width.![No description](https://cdn.answeroverflow.com/1145853773814702211/image.png)
3 Replies
Hi @allanjiang. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:
----------------------
Hmm, I don't know enough to give you a confident answer yet. The information extracts provided do not contain specific details about the issue you're experiencing with the layout after login and refresh in a Next.js + AntD + Custom Auth + RestAPI application.
However, it's worth noting that Refine uses
<ThemedLayoutV2>
which is designed to be responsive. It appears in tablet mode and uses <Drawer>
on smaller screens. On larger screens, it uses <Sider>
. This might explain why your layout appears fine when the window size is smaller.
For more detailed help, I would recommend checking the Refine documentation (https://refine.dev/docs) or seeking assistance from the Refine community.
----------------------
Note: you can ask me a follow up question by @ mentioning me again
:speech_balloon:
----------------------<@128962329965494272> kapa.ai is still learning and improving, please let us know how it did by reacting below
constant-blue•13mo ago
Hey @allanjiang,
I reproduced your selected opitons here:
https://refine.new/preview/97089e9c-f3c6-4e3c-97a1-6caed7a60be7
After, I tried it with different screen sizes but I didin't find any problem. Wich browser are you trying?
Preview - refine.new - Open-source enterprise application platform ...
Enterprise-grade, production-ready, and highly scalable web apps in minutes.