Dan Dobos
4aa5040ef5
- 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.
55 lines
1.2 KiB
JavaScript
55 lines
1.2 KiB
JavaScript
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}`,
|
|
|
|
// 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",
|
|
},
|
|
},
|
|
|
|
multiline: {
|
|
padding: ".5rem !important",
|
|
border: "0px",
|
|
margin: 0,
|
|
},
|
|
};
|
|
export default MuiOutlinedInput;
|