Refactor code style for consistency and readability
- Updated import statements to use double quotes instead of single quotes across multiple files. - Reformatted JSX return statements for better alignment and readability. - Added missing newlines at the end of files where necessary. - Adjusted component structure for improved clarity in the Landing, Blog, BestPractices, and Projects pages. - Enhanced error boundary component for better error handling. - Updated theme overrides for Material-UI components to maintain consistent styling.
This commit is contained in:
@@ -1,54 +1,54 @@
|
||||
import { RussianGreen, Cultured, Charcoal, White, Platinum } from '../Theme';
|
||||
import { RussianGreen, Cultured, Charcoal, White, Platinum } from "../Theme";
|
||||
|
||||
const MuiOutlinedInput = {
|
||||
root: {
|
||||
position: 'relative',
|
||||
'&:hover:not($disabled):not($focused):not($error) $notchedOutline': {
|
||||
border: `1px solid ${RussianGreen}`,
|
||||
root: {
|
||||
position: "relative",
|
||||
"&:hover:not($disabled):not($focused):not($error) $notchedOutline": {
|
||||
border: `1px solid ${RussianGreen}`,
|
||||
|
||||
// Reset on touch devices, it doesn't add specificity
|
||||
'@media (hover: none)': {
|
||||
borderColor: RussianGreen,
|
||||
},
|
||||
},
|
||||
// border focused
|
||||
'&$focused $notchedOutline': {
|
||||
borderColor: RussianGreen,
|
||||
},
|
||||
'&$disabled $notchedOutline': {
|
||||
background: Cultured,
|
||||
borderColor: Platinum,
|
||||
opacity: 0.8,
|
||||
color: Charcoal,
|
||||
},
|
||||
},
|
||||
//border before
|
||||
notchedOutline: {
|
||||
borderColor: Cultured,
|
||||
},
|
||||
input: {
|
||||
background: White,
|
||||
padding: '.5rem',
|
||||
borderRadius: '3px',
|
||||
fontFamily: 'Poppins',
|
||||
fontSize: ' 14px',
|
||||
lineHeight: '19px',
|
||||
color: Charcoal,
|
||||
// Reset on touch devices, it doesn't add specificity
|
||||
"@media (hover: none)": {
|
||||
borderColor: RussianGreen,
|
||||
},
|
||||
},
|
||||
// border focused
|
||||
"&$focused $notchedOutline": {
|
||||
borderColor: RussianGreen,
|
||||
},
|
||||
"&$disabled $notchedOutline": {
|
||||
background: Cultured,
|
||||
borderColor: Platinum,
|
||||
opacity: 0.8,
|
||||
color: Charcoal,
|
||||
},
|
||||
},
|
||||
//border before
|
||||
notchedOutline: {
|
||||
borderColor: Cultured,
|
||||
},
|
||||
input: {
|
||||
background: White,
|
||||
padding: ".5rem",
|
||||
borderRadius: "3px",
|
||||
fontFamily: "Poppins",
|
||||
fontSize: " 14px",
|
||||
lineHeight: "19px",
|
||||
color: Charcoal,
|
||||
|
||||
'&:disabled': {
|
||||
background: Cultured,
|
||||
opacity: 0.8,
|
||||
color: Charcoal,
|
||||
},
|
||||
notchedOutline: {
|
||||
border: 'transparent',
|
||||
},
|
||||
},
|
||||
"&:disabled": {
|
||||
background: Cultured,
|
||||
opacity: 0.8,
|
||||
color: Charcoal,
|
||||
},
|
||||
notchedOutline: {
|
||||
border: "transparent",
|
||||
},
|
||||
},
|
||||
|
||||
multiline: {
|
||||
padding: '.5rem !important',
|
||||
border: '0px',
|
||||
margin: 0,
|
||||
},
|
||||
multiline: {
|
||||
padding: ".5rem !important",
|
||||
border: "0px",
|
||||
margin: 0,
|
||||
},
|
||||
};
|
||||
export default MuiOutlinedInput;
|
||||
|
||||
Reference in New Issue
Block a user