Overriding default padding of 'main' area
Sorry for all the noob questions but what is the 'correct' way to override the default padding of the main area? I could nuke the css but if there's a non-hacky way that would be better.
![No description](https://cdn.answeroverflow.com/1026838170777698304/unknown.png)
![No description](https://cdn.answeroverflow.com/1026838171348123678/unknown.png)
17 Replies
foreign-sapphire•2y ago
Also, can you make the Box area fill the entire main area too regardless of content?
Hey @jn ,
You can easily override the Layout, here is the documentation on how to do it ⚡
https://refine.dev/docs/api-reference/mui/customization/mui-custom-layout/#creating-a-custom-layout
Layout component: https://github.com/pankod/refine/blob/next/packages/mui/src/components/layout/index.tsx
sorry, I don't fully understand this but can @core help us?
foreign-sapphire•2y ago
@Omer Thanks Omer. I think that's what I want. I thought adding a new layout would be more complicated, but it seems straightforward! I am getting an issue trying to import the default header. I can see the Header being exported in the node_modules same as the Sider which is strange...
![No description](https://cdn.answeroverflow.com/1026843814058524763/unknown.png)
I'm checking
Ups apparently we forgot to export 🙂 Would you like to fix this as part of the Hactoberfest (https://refine.dev/blog/hacktoberfest-refine/) event?
https://github.com/pankod/refine/blob/next/packages/mui/src/components/index.tsx#L2
foreign-sapphire•2y ago
Ah okay. Is there an issue for this already or would it need raising?
You can create a new one, we will label it "hackoberfest"
foreign-sapphire•2y ago
GitHub
[BUG] Unable to import Header component from @pankod/refine-mui · I...
Describe the bug When trying to import the Header component from @pankod/refine-mui into a CustomLayout I am getting the following error. Module '"@pankod/refine-mui"&...
🚀
foreign-sapphire•2y ago
@Omer Just to check as I couldn't see it in the Contributing page. Do I just create branch from next, make the changes and then raise a PR? Does the branch need to be named with a particular format or anything like that?
this might be the document you are looking for, https://refine.dev/docs/contributing/
Contributing | refine
We follow a code of conduct when participating in the community. Please read it before you make any contributions.
Additionally, we use commit lint https://cheatography.com/albelop/cheat-sheets/conventional-commits/
foreign-sapphire•2y ago
Apologies, that's the page I was looking at. I just meant that it doesn't mention what to branch from, what to name a branch, etc. It might be worth adding a section on that for people new to open source projects (like me).
That would be great! You can create a branch from the
next
branch. We do not follow a convention in branch naming. You are free in this matter. If you wish, you can also contribute to this document 🆙foreign-sapphire•2y ago
@Omer Do I need permissions to create the branch in your repo?
![No description](https://cdn.answeroverflow.com/1026863232016711750/unknown.png)
The correct way to do this is to create a Fork PR. There is a little tutorial here, https://www.tomasbeuzen.com/post/git-fork-branch-pull/
Tomas Beuzen
The Git Fork-Branch-Pull Workflow | Tomas Beuzen
A simple summary of how to collaborate on open-source projects using forking, branching and pull requests.