Skip to content

Commit 7dfa4c7

Browse files
committed
update some styles
1 parent 8c62ad5 commit 7dfa4c7

File tree

3 files changed

+8
-8
lines changed

3 files changed

+8
-8
lines changed

src/components/ContactForm/ContactForm.jsx

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import React, { useState } from 'react';
22
import PropTypes from 'prop-types';
3-
// import styles from './ContactForm.module.css';
3+
import styles from './ContactForm.module.css'
44

55
const ContactForm = ({ onAddContact }) => {
66
const [name, setName] = useState('');
@@ -23,8 +23,8 @@ const ContactForm = ({ onAddContact }) => {
2323
};
2424

2525
return (
26-
<form onSubmit={handleSubmit}>
27-
<label>
26+
<form onSubmit={handleSubmit} className={styles.form}>
27+
<label className={styles.label}>
2828
Name:
2929
<input
3030
type="text"
@@ -48,7 +48,7 @@ const ContactForm = ({ onAddContact }) => {
4848
onChange={handleChange}
4949
/>
5050
</label>
51-
<button type="submit">Add Contact</button>
51+
<button type="submit" className={styles.addContact}>Add Contact</button>
5252
</form>
5353
);
5454
};

src/components/ContactForm/ContactForm.module.css

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
11

2-
form {
2+
.form {
33
display: flex;
44
flex-direction: column;
55
gap: 15px;
66
margin-top: 30px;
77
}
88

9-
button {
9+
.addContact {
1010
background-color: #000000;
1111
border: none;
1212
color: white;
@@ -22,7 +22,7 @@ button {
2222
transition: background-color 0.3s ease;
2323
}
2424

25-
button:hover {
25+
.addContact:hover {
2626
background-color: #5a5a5a;
2727
}
2828

@@ -47,7 +47,7 @@ button {
4747
outline: none;
4848
}
4949

50-
label {
50+
.label {
5151
font-family: Dancing Script;
5252
font-size: 20px;
5353
}

src/components/ContactList/ContactList.module.css

Whitespace-only changes.

0 commit comments

Comments
 (0)