fix: удалены пропсы ограничивающие высоту и ширину в textarea

Studio-Yandex-Practicum · Sep 12, 2023 · 4e5efea · 4e5efea
1 parent 4924136
commit 4e5efea
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 13 deletions.
diff --git a/src/components/ui/text-area/text-area.module.css b/src/components/ui/text-area/text-area.module.css
@@ -4,8 +4,11 @@
 
   display: block;
   width: 100%;
+  min-width: 360px;
   max-width: 100%;
   height: auto;
+  min-height: 150px;
+  max-height: 450px;
   box-sizing: border-box;
   padding: 8px;
   border: 0;

diff --git a/src/components/ui/text-area/text-area.tsx b/src/components/ui/text-area/text-area.tsx
@@ -8,10 +8,6 @@ const cx = classNames.bind(styles);
 
 interface ITextAreaProps extends Omit<InputHTMLAttributes<HTMLTextAreaElement>, 'onChange'> {
   errorText?: string
-  minWidth?: string
-  maxWidth?: string
-  minHeight?: string
-  maxHeight?: string
   onChange?: (value: string) => void
   rows?: number
 }
@@ -20,10 +16,6 @@ const TextArea = (props: ITextAreaProps): JSX.Element => {
   const {
     errorText,
     onChange,
-    minWidth,
-    maxWidth,
-    minHeight,
-    maxHeight,
     ...restProps
   } = props;
 
@@ -39,7 +31,6 @@ const TextArea = (props: ITextAreaProps): JSX.Element => {
     <>
       <textarea
         className={cx('input', { invalid: !!errorText })}
-        style={{ minWidth, maxWidth, minHeight, maxHeight }}
         onChange={handleChange}
         {...restProps}
       />

diff --git a/src/pages/contacts/contacts.tsx b/src/pages/contacts/contacts.tsx
@@ -221,10 +221,6 @@ const Contacts: NextPage = () => {
               <Form.Field>
                 <TextArea
                   value={message.value}
-                  minWidth="325px"
-                  maxWidth="325px"
-                  minHeight="150px"
-                  maxHeight="450px"
                   placeholder="Текст сообщения"
                   errorText={message.wasChanged ? message.error : undefined}
                   onChange={handleFieldChange('message')}