Commit 81c06340 authored by Pavel Mishakov's avatar Pavel Mishakov

add styles

parent 9b567b33
.Header {
padding: 10px 0;
}
.Header__link {
border: 1px solid blueviolet;
border-radius: 10px;
padding: 10px 15px;
text-decoration: none;
color: black;
}
\ No newline at end of file
.ProductForm {
width: 80%;
margin: 20px auto;
display: flex;
align-items: center;
flex-direction: column;
}
.ProductForm__input {
margin: 10px 0;
min-height: 20px;
border-radius: 7px;
padding: 10px;
min-width: 400px;
}
.ProductForm__button {
background: inherit;
border: 1px solid blueviolet;
padding: 10px 15px;
border-radius: 5px;
}
.ProductForm__fileInput {
display: none;
}
\ No newline at end of file
......@@ -40,14 +40,15 @@ const ProductForm: FunctionComponent = (): ReactElement => {
dispatch(createProduct(formData))
}
return (
<div className={styles.ProductForm}>
<form onSubmit={submitHandler}>
<div className={styles.ProductForm__frame}>
<form className={styles.ProductForm} onSubmit={submitHandler}>
<input
name={'product'}
type="text"
placeholder="Title"
value={product.product}
onChange={inputHandler}
className={styles.ProductForm__input}
/>
<input
name={'price'}
......@@ -55,6 +56,7 @@ const ProductForm: FunctionComponent = (): ReactElement => {
placeholder="Price"
value={product.price}
onChange={inputHandler}
className={styles.ProductForm__input}
/>
<input
name={'description'}
......@@ -62,6 +64,7 @@ const ProductForm: FunctionComponent = (): ReactElement => {
placeholder="Description"
value={product.description}
onChange={inputHandler}
className={styles.ProductForm__input}
/>
<label>
<input
......@@ -76,7 +79,7 @@ const ProductForm: FunctionComponent = (): ReactElement => {
<span>{fileName}</span>
</label>
<button>SEND</button>
<button className={styles.ProductForm__button}>SEND</button>
</form>
</div>
)
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment