#10 Update button style

SandraBergstrom · Jun 20, 2023 · 2d482cc · 2d482cc
1 parent 5e87dee
commit 2d482cc
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 5 deletions.
diff --git a/src/components/NavBar.js b/src/components/NavBar.js
@@ -8,6 +8,7 @@ import NavDropdown from "react-bootstrap/NavDropdown";
 import logo from "../assets/logo.webp";
 import { NavLink } from "react-router-dom";
 import styles from "../styles/NavBar.module.css";
+import btnStyles from "../styles/Button.module.css"
 
 const NavBar = () => {
   return (
@@ -61,7 +62,9 @@ const NavBar = () => {
               className="me-2"
               aria-label="Search"
             />
-            <Button className={styles.ButtonPrimary}>
+            <Button className={
+                `${btnStyles.Button} ${btnStyles.Bright}`
+              }>
               Search
             </Button>
           </Form>

diff --git a/src/styles/Button.module.css b/src/styles/Button.module.css
@@ -1,7 +1,7 @@
 .Button {
     font-size: 0.8rem;
     align-self: center;
-    border-radius: 100px;
+    border-radius: 10px;
     border-color: transparent;
     padding: 4px 10px;
     margin-left: 2px;

diff --git a/src/styles/NavBar.module.css b/src/styles/NavBar.module.css
@@ -14,9 +14,9 @@
   font-weight: 500;
 }
 
-.ButtonPrimary {
+/* .ButtonPrimary {
   padding: 5px 10px;
   background-color: var(--clr-accent-dark);
   color: var(--clr-primary-light);
   border: 0px;
-}
+} */
diff --git a/src/styles/SignInUpForm.module.css b/src/styles/SignInUpForm.module.css
@@ -5,7 +5,7 @@
     background: var(--clr-primary-light);
     border: 1px solid var(--clr-accent-light);
     box-sizing: border-box;
-    border-radius: 50px;
+    border-radius: 10px;
     color: var(--clr-accent-dark);
     text-align: center;
     padding: 8px;