helpful-purple
helpful-purple10mo ago

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
3 Replies
kapa.ai
kapa.ai10mo ago
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: ----------------------
kapa.ai
kapa.ai10mo ago
<@128962329965494272> kapa.ai is still learning and improving, please let us know how it did by reacting below
helpful-purple
helpful-purple10mo 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.