How to modify the width of the Sider.
Because my resource name is too long and the Sider display is incomplete, I want to modify its width now.
How can I modify it?
š
4 Replies
Hi @greenking19. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:
----------------------
To modify the width of the Sider in refine, you can create a custom Sider component and set the desired width. Here's how you can do it:
1. Create a
CustomSider
component:
Replace your_desired_width
with the width you want for the Sider.
2. Use the CustomSider
component in your CustomLayout
:
This will create a custom Sider with the specified width. For more information on customizing the Sider, refer to the Sider customization documentation (https://refine.dev/docs/examples/customization/customSider/).
----------------------
Note: you can ask me a follow up question by @ mentioning me again
:speech_balloon:
----------------------<@1011989779199574036> kapa.ai is still learning and improving, please let us how it did by reacting below
correct-apricotā¢2y ago
not work
jolly-crimsonā¢2y ago
unfortunately, Sider component don't take style prop. you can swizzle sider and customize to your needs
https://refine.dev/docs/api-reference/antd/components/antd-themed-layout/#customizing-with-swizzle