hope/php_xcstat
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Color Navbar, Icons

Browse Source
This commit is contained in:
Peter Hoppe
2022-12-07 11:43:49 +01:00
parent 279657ec4b
commit 09c655cec1
2 changed files with 8 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/Navbar.css
View File

@ -1,6 +1,7 @@
.navbar { .navbar {
background-color: #060b26; background-color: #ba3a07c2;
height: 80px; height: 80px;
width: 100px;
display: flex; display: flex;
justify-content: flex-start; justify-content: flex-start;
align-items: center; align-items: center;
@ -13,7 +14,7 @@
} }
.nav-menu { .nav-menu {
background-color: #060b26; background-color: #ba3a07c2;
width: 250px; width: 250px;
height: 100vh; height: 100vh;
display: flex; display: flex;
@ -59,7 +60,7 @@
} }
.navbar-toggle { .navbar-toggle {
background-color: #060b26; background-color: #ba3a07c2;
width: 100%; width: 100%;
height: 80px; height: 80px;
display: flex; display: flex;

8
src/components/SidebarData.tsx
View File

@ -1,7 +1,7 @@
import React from 'react'; 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 AiIcons from 'react-icons/ai';
import * as IoIcons from 'react-icons/io'; import * as BiIcons from 'react-icons/bi';
export const SidebarData = [ export const SidebarData = [
{ {
@ -13,13 +13,13 @@ export const SidebarData = [
{ {
title: 'Flights', title: 'Flights',
path: '/flights', path: '/flights',
icon: <IoIcons.IoIosPaper />, icon: <MdIcons.MdFlightTakeoff />,
cName: 'nav-text' cName: 'nav-text'
}, },
{ {
title: 'Seasons', title: 'Seasons',
path: '/seasons', path: '/seasons',
icon: <FaIcons.FaCartPlus />, icon: <BiIcons.BiCalendar />,
cName: 'nav-text' cName: 'nav-text'
} }
]; ];