From 09c655cec1ccbc4eb014e2abc8a776a6e6b841f2 Mon Sep 17 00:00:00 2001 From: Peter Hoppe Date: Wed, 7 Dec 2022 11:43:49 +0100 Subject: [PATCH] Color Navbar, Icons --- src/components/Navbar.css | 7 ++++--- src/components/SidebarData.tsx | 8 ++++---- 2 files changed, 8 insertions(+), 7 deletions(-) diff --git a/src/components/Navbar.css b/src/components/Navbar.css index a565a8c..0b5a48c 100644 --- a/src/components/Navbar.css +++ b/src/components/Navbar.css @@ -1,6 +1,7 @@ .navbar { - background-color: #060b26; + background-color: #ba3a07c2; height: 80px; + width: 100px; display: flex; justify-content: flex-start; align-items: center; @@ -13,7 +14,7 @@ } .nav-menu { - background-color: #060b26; + background-color: #ba3a07c2; width: 250px; height: 100vh; display: flex; @@ -59,7 +60,7 @@ } .navbar-toggle { - background-color: #060b26; + background-color: #ba3a07c2; width: 100%; height: 80px; display: flex; diff --git a/src/components/SidebarData.tsx b/src/components/SidebarData.tsx index 573fd3e..cb07c5a 100644 --- a/src/components/SidebarData.tsx +++ b/src/components/SidebarData.tsx @@ -1,7 +1,7 @@ import React from 'react'; -import * as FaIcons from 'react-icons/fa'; +import * as MdIcons from 'react-icons/md'; import * as AiIcons from 'react-icons/ai'; -import * as IoIcons from 'react-icons/io'; +import * as BiIcons from 'react-icons/bi'; export const SidebarData = [ { @@ -13,13 +13,13 @@ export const SidebarData = [ { title: 'Flights', path: '/flights', - icon: , + icon: , cName: 'nav-text' }, { title: 'Seasons', path: '/seasons', - icon: , + icon: , cName: 'nav-text' } ];