-
-
Save adrianhajdin/d99aaa67124f0de7667fd3937715fb26 to your computer and use it in GitHub Desktop.
import { makeStyles } from '@material-ui/core/styles'; | |
export default makeStyles(() => ({ | |
appBar: { | |
borderRadius: 15, | |
margin: '30px 0', | |
display: 'flex', | |
flexDirection: 'row', | |
justifyContent: 'center', | |
alignItems: 'center', | |
}, | |
heading: { | |
color: 'rgba(0,183,255, 1)', | |
}, | |
image: { | |
marginLeft: '15px', | |
}, | |
})); |
import { makeStyles } from '@material-ui/core/styles'; | |
export default makeStyles((theme) => ({ | |
root: { | |
'& .MuiTextField-root': { | |
margin: theme.spacing(1), | |
}, | |
}, | |
paper: { | |
padding: theme.spacing(2), | |
}, | |
form: { | |
display: 'flex', | |
flexWrap: 'wrap', | |
justifyContent: 'center', | |
}, | |
fileInput: { | |
width: '97%', | |
margin: '10px 0', | |
}, | |
buttonSubmit: { | |
marginBottom: 10, | |
}, | |
})); |
import { makeStyles } from '@material-ui/core/styles'; | |
export default makeStyles({ | |
media: { | |
height: 0, | |
paddingTop: '56.25%', | |
backgroundColor: 'rgba(0, 0, 0, 0.5)', | |
backgroundBlendMode: 'darken', | |
}, | |
border: { | |
border: 'solid', | |
}, | |
fullHeightCard: { | |
height: '100%', | |
}, | |
card: { | |
display: 'flex', | |
flexDirection: 'column', | |
justifyContent: 'space-between', | |
borderRadius: '15px', | |
height: '100%', | |
position: 'relative', | |
}, | |
overlay: { | |
position: 'absolute', | |
top: '20px', | |
left: '20px', | |
color: 'white', | |
}, | |
overlay2: { | |
position: 'absolute', | |
top: '20px', | |
right: '20px', | |
color: 'white', | |
}, | |
grid: { | |
display: 'flex', | |
}, | |
details: { | |
display: 'flex', | |
justifyContent: 'space-between', | |
margin: '20px', | |
}, | |
title: { | |
padding: '0 16px', | |
}, | |
cardActions: { | |
padding: '0 16px 8px 16px', | |
display: 'flex', | |
justifyContent: 'space-between', | |
}, | |
}); |
import { makeStyles } from '@material-ui/core/styles'; | |
export default makeStyles((theme) => ({ | |
mainContainer: { | |
display: 'flex', | |
alignItems: 'center', | |
}, | |
smMargin: { | |
margin: theme.spacing(1), | |
}, | |
actionDiv: { | |
textAlign: 'center', | |
}, | |
})); |
Thanks Pratyush the style part started working with these dependencies :
npm install @material-ui/core --legacy-peer-deps
npm install @mui/icons-material --legacy-peer-deps
Nice one Great Man. You really doing a great Job
Thanks Pratyush the style part started working with these dependencies : npm install @material-ui/core --legacy-peer-deps npm install @mui/icons-material --legacy-peer-deps
thank you for this it really work
Thanks @AshleyDurano @wonderlandtech @faazah,
Nabar style??
warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it's running React 17. Learn more: https://reactjs.org/link/switch-to-createroot
printWarning @ react-dom.development.js:86
re
Hii there, I think the CSS property that you are using 'justify' is not supported instead You can use 'justifyContent' to proceed next !!
Thank you...