Ad
Material-UI App Bar Comes With A Margin
I used Material-UI 's AppBar component and it works well, but comes with a margin, anyone got a workaround. I need to get rid of the margin.
Ad
Answer
You can always specify custom styles on a material-ui component by passing it the style
property like so:
<AppBar style={{ margin: 0 }}/>
That will override the default root element style. If the property you're willing to change is on a children component, you'll have to set it using CSS, if there is no specific property material-ui exposes you.
Removing the margin on the body would also fix your problem
body {
margin: 0;
}
Although you should usually use a CSS reset to avoid getting errors like these by integrating the following CSS snippet:
*, *:after, *:before {
box-sizing: border-box;
font: inherit;
color: inherit;
margin: 0;
padding: 0;
border: none;
outline: none;
}
Ad
source: stackoverflow.com
Related Questions
- → How to update data attribute on Ajax complete
- → October CMS - Radio Button Ajax Click Twice in a Row Causes Content to disappear
- → Octobercms Component Unique id (Twig & Javascript)
- → Passing a JS var from AJAX response to Twig
- → Laravel {!! Form::open() !!} doesn't work within AngularJS
- → DropzoneJS & Laravel - Output form validation errors
- → Import statement and Babel
- → Uncaught TypeError: Cannot read property '__SECRET_DOM_DO_NOT_USE_OR_YOU_WILL_BE_FIRED' of undefined
- → React-router: Passing props to children
- → ListView.DataSource looping data for React Native
- → Can't test submit handler in React component
- → React + Flux - How to avoid global variable
- → Webpack, React & Babel, not rendering DOM
Ad