UI: input DEmo

src/components/mui/MyInputCopy.tsx

@@ -37,9 +37,6 @@ const MyInput = (props: MyInputProps) => {
 						fontSize: "14px",
 						"&.MuiInputBase-sizeSmall": {
 							height: "32px",
-							"& .MuiOutlinedInput-notchedOutline": {
-								// height: "34px",
-							},
 						},
 					},
 				},
@@ -47,7 +44,6 @@ const MyInput = (props: MyInputProps) => {
 			MuiInputLabel: {
 				styleOverrides: {
 					root: {
-						// top: label ? "-5px" : "-10px",
 						top: "-9px",
 					},
 					shrink: {
@@ -61,9 +57,6 @@ const MyInput = (props: MyInputProps) => {
 			MuiOutlinedInput: {
 				styleOverrides: {
 					root: {
-						// height: "36px",
-						// lineHeight: "36px",
-						// paddingRight: "12px",
 						"&.Mui-focused .MuiOutlinedInput-notchedOutline": {
 							borderWidth: "1px",
 						},
@@ -79,17 +72,8 @@ const MyInput = (props: MyInputProps) => {
 						padding: "6.5px 12px",
 						verticalAlign: "middle",
 					},
-					// focused: {
-					// 	"&.MuiOutlinedInput-notchedOutline": {
-					// 		borderWidth: "1px",
-					// 	},
-					// },
-					notchedOutline: {
-						// height: "36px",
-					},
 				},
 			},
-			// .css-1lkr5rz-MuiInputBase-input-MuiOutlinedInput-input
 		},
 	});
 

src/views/mui_demo/input.tsx

 import { memo } from "react";
 import { InputAdornment } from "@mui/material";
-import InputComponent from "@/components/mui/MyInput";
-// import InputComponent from "@/components/mui/MyInputCopy";
+// import InputComponent from "@/components/mui/MyInput";
+import InputComponent from "@/components/mui/MyInputCopy";
 
 const ProjectMembers = () => {
 	return (