diff --git a/src/components/mainPart/form/form.css b/src/components/mainPart/form/form.css index b6d17bc..6ed779d 100644 --- a/src/components/mainPart/form/form.css +++ b/src/components/mainPart/form/form.css @@ -41,22 +41,29 @@ @media screen and (min-width: 2000px) { .MuiTextField-root { - /* padding: 20px !important; */ - /* height: 100px; 25 12 8 */ + height: 3.5vw !important; } .MuiInputLabel-root { - /* top: 0px !important; */ + font-size: .9vw !important; line-height: 1vw !important; + top: .4vw !important; + left: .3vw !important; + } + + .MuiFilledInput-root { } .MuiFilledInput-input { + padding: 1.4vw 10px 10px .6vw !important; font-size: 1vw !important; - /* height: 40% !important; */ - padding: 1vw .5vw .4vw !important; - } + } - .MuiInputLabel-root { - font-size: .8vw !important; + .MuiFilledInput-root.Mui-error { + border: 2px solid #EB5757 !important; + } + + .MuiFormHelperText-root.Mui-error { + font-size: .6vw !important; } } \ No newline at end of file diff --git a/src/components/mainPart/form/form.tsx b/src/components/mainPart/form/form.tsx index 81caf17..8e942b2 100644 --- a/src/components/mainPart/form/form.tsx +++ b/src/components/mainPart/form/form.tsx @@ -76,7 +76,7 @@ export const Form:React.FC = React.memo((props) => { {props.dateInfo} */}
- = React.memo((props) => {