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
No description
F
foreign-sapphire569d ago
Also, can you make the Box area fill the entire main area too regardless of content?
O
Omer569d ago
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?
F
foreign-sapphire569d 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
O
Omer569d ago
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
F
foreign-sapphire569d ago
Ah okay. Is there an issue for this already or would it need raising?
O
Omer569d ago
You can create a new one, we will label it "hackoberfest"
F
foreign-sapphire569d 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"&...
O
Omer569d ago
🚀
F
foreign-sapphire569d 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?
O
Omer569d ago
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.
O
Omer569d ago
F
foreign-sapphire569d 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).
O
Omer569d ago
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 🆙
F
foreign-sapphire569d ago
@Omer Do I need permissions to create the branch in your repo?
No description
O
Omer569d ago
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.
F
foreign-sapphire569d ago
@Omer I've raised the PR. Thanks for the all the help, much appreciated.
O
Omer569d ago
Congrats, we'll release it soon 🚀 Btw don't forget to support us by starring refine on GitHub ⚡️ Hey @jn , We've released @pankod/refine-mui@3.48.2. Could you approve fix?
More Posts
initialValues empty in serachFormProps with syncWithLocation set to TrueHi, I am setting `syncWithLocation` to true for useTable from Antd, the `initialValues` in searchForLogin-componentHello team I am trying to setup a login component for a new project i am trying out in refine. Is thcustom-pageswith NextJSIntercept data for SaveButton on ModalHi. I'm really struggling to figure this out and it feels like it should be simple. I have a modal uuse-modal-form-successhow to change success notification message in useModalForm hook ?Testing ComponentsWhile testing my Login Form i am getting this error: No QueryClient set, use QueryClientProvider toQuestion about fetching paginated table data for a .csv exportHey @Omer , another question if I may. I have a table which will return quite a few records. The taDefault Values of Filter panel of form being lost even though UI reflects a valueHey guys wondering if you can help me We have a Page with a table and a filter form. We are settinAuth0 authProvider and dataProvider async problemI have an Auth0 login on my Refine frontend. Once I'm logged in I pass my token to the backend via tAzureB2C MsalProvider issuesHi. I'm using Azure B2C (Microsoft provides MsalProvider for react apps) as the auth provider for custom-pagesCould you please provide an example??? I have tried push("offerings", "/step1"), push("offerings",Many-to-Many relationshipsJust jumped in to Refine and I'm looking for a nice way to do many-to-many relationships with supabaHow to have access window on next.config.js?Does someone know how to get access to window variable on next.config.js i will need to read the winSocket.ioHello, I struggle to get LiveProvider works with socket.io. any chance you have a boilerplate that cHi all I have created a small app withHi all, I have created a small app with refine-nextjs template and added posts list page to pages asAntd TextareaIs there a trick to wiring up Antd TextArea inside a Form.Item to a resource in Edit view? I am not How to reference another resource in table.Hello, i've searched docs, but couldn't find how to do logic similar to react admin reference field How to make an edit form to handle 2+ modelsI have this `user` model with an associated `profile` model (1:1 relationship) I want to make an edinpm run bootstrap looping errorWith a forked instance of `refine`, after I run `npm install` and run `npm run boostrap` I am receiReg. SvelteKit CRUD Blog Post - Accessing Component Param from +page.svelteHi: Love the SvelteKit post -- Building a CRUD App with SvelteKit. Thank you. 🙂 Now, as I a