search

wtsang11 / TechExplore

MIT License
0 stars 0 forks source link

UI Design #193

Open wtsang11 opened 2 years ago

wtsang11 commented 2 years ago

http://localhost/TechNotes/wp-admin/post.php?post=1435&action=edit and contactInfo project http://localhost/TechNotes/wp-admin/post.php?post=1469&action=edit

VSC: http://localhost/lab/python/utilities/study_codes/opencodes.php?f=/Users/wtsang/Lab/react/zachary_jamstack_strapi_gatsby/

wtsang11 commented 2 years ago

Material-UI Buttons

https://mui.com/components/buttons/ -- Test running buttons in codepen https://codesandbox.io/s/dp1hc?file=/demo.js -- Theme Customization https://mui.com/customization/theming/ -- gatsby material-ui plugin https://www.gatsbyjs.com/plugins/gatsby-plugin-material-ui/ -- material-ui installation in gatsby frontend -- from mui documentation npm install @mui/material @emotion/react @emotion/styled -- from gatsby documentation npm install gatsby-plugin-material-ui@next @emotion/react -- combine them npm install @mui/material @emotion/react @emotion/styled gatsby-plugin-material-ui@next

wtsang11 commented 2 years ago

Customize MUI Theme

reading https://sung.codes/blog/2020/06/25/how-to-create-a-custom-material-ui-theme-for-gatsby/

runtime page error: GET http://localhost:8000/commons.js net::ERR_ABORTED 404 (Not Found) solution: erroneous codes in root-wraper.js