#21 Style comment form

SandraBergstrom · Jun 27, 2023 · 44f36e2 · 44f36e2
1 parent 7607d02
commit 44f36e2
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 20 deletions.
diff --git a/src/pages/comments/CommentCreateForm.js b/src/pages/comments/CommentCreateForm.js
@@ -59,7 +59,7 @@ function CommentCreateForm(props) {
         </InputGroup>
       </Form.Group>
       <button
-        className={`${styles.Button} btn d-block ml-auto`}
+        className={`${styles.Button} d-block ms-auto`}
         disabled={!content.trim()}
         type="submit"
       >

diff --git a/src/styles/CommentCreateEditForm.module.css b/src/styles/CommentCreateEditForm.module.css
@@ -1,20 +1,20 @@
 .Form {
-    border: none;
-    border-bottom: 2px #00d1ff solid;
-  }
-  
-  .Button {
-    border: none;
-    background-color: #242a3d;
-    color: aliceblue;
-    border-radius: 100px;
-    padding: 4px 10px;
-    min-width: 75px;
-    margin: 5px;
-  }
-  
-  .Button:hover {
-    cursor: pointer;
-    background-color: aliceblue;
-    color: #242a3d;
-  }
+  border: none;
+  border-bottom: 2px var(--clr-accent-pink) solid;
+}
+
+.Button {
+  border: none;
+  background-color: var(--clr-accent-pink);
+  color: white;
+  border-radius: 100px;
+  padding: 4px 10px;
+  min-width: 75px;
+  margin: 20px;
+}
+
+.Button:hover {
+  cursor: pointer;
+  background-color: var(--clr-accent-dark);
+  color: white;
+}