diff --git a/src/App.css b/src/App.css index 20d9800..a791397 100644 --- a/src/App.css +++ b/src/App.css @@ -19,7 +19,7 @@ .App { display: flex; flex-direction: column; - background-color: #d1aabc; + background-color: #6b4477; align-items: center; margin: 0; padding: 0; @@ -45,14 +45,14 @@ align-items: center; width: 100%; height: 5rem; - background-color: rgb(111, 30, 151); + background-color: rgb(0, 0, 0); border-bottom: 1px solid black; z-index: 9; } .nav-title-desktop { display: inline-flex; - color: orchid; + color: rgb(190, 113, 188); padding-left: 1.5rem; font-family: 'Open Sans', sans-serif; } @@ -76,7 +76,7 @@ .sidebar-button { border: transparent; - background-color: orchid; + background-color: rgb(190, 113, 188); box-shadow: 1px 1px rgb(111, 30, 151); text-align: center; height: 3.5rem; @@ -144,16 +144,18 @@ align-items: center; justify-content: space-between; padding: 2rem; - background-color: orchid; + background-color: rgb(190, 113, 188); border-radius: 15px; width: 50%; height: 3rem; } .page-handling button { - background-color: rgb(218, 171, 216); + background-color: rgb(0, 0, 0); + color: rgb(190, 113, 188); border: transparent; border-radius: 50%; + font-size: 2rem; height: 3.5rem; width: 3.5rem; box-shadow:2rem rgb(111, 30, 151); @@ -225,6 +227,7 @@ .page-handling button { height: 2rem; width: 2rem; + font-size: 1.4rem; margin: 0 0.4rem; } } @@ -273,5 +276,6 @@ .page-handling button { height: 1.5rem; width: 1.5rem; + font-size: 1rem; } } \ No newline at end of file diff --git a/src/features/navbar/Navbar.js b/src/features/navbar/Navbar.js index 249656a..bbc1004 100644 --- a/src/features/navbar/Navbar.js +++ b/src/features/navbar/Navbar.js @@ -1,5 +1,5 @@ import React, { useState } from "react"; -import SearchBar from "../searchBar/searchBar"; +// import SearchBar from "../searchBar/searchBar"; import Sidebar from "../sidebar/Sidebar"; export default function Navbar() {